Web Designer
This blog offers tips for the beginner and the expert for designing and programming for web sites, including how to maximize them for mobile viewing.
-
-
Install the bbPress forum plugin for WordPress
Ryan Boudreaux explains how to install the bbPress forum plugin.
-
Learn to make WebGL 3D effects
Here are the latest resources to help you create WebGL 3D effects using HTML5.
-
What's New with WordPress 3.6
Here is a run-down of the best new features and updates in the latest WordPress release.
-
Check out CSS Wizardry for guidelines to write clear, maintainable CSS
CSS Wizardry offers guidelines for developers to write standardized, easy-to-maintain CSS code. Here are some of the highlights.
-
Attend the Google Developers Academy without leaving your desk
There are many online classes available that offer training in the extensive set of developer tools provided by Google.
-
Become a part of the HTML5 Hub
The HTML5 Hub is a new community project bringing together developers to brainstorm and collaborate. It also offers some handy tools, such as the App Starter.
-
What you need to know about HTML5 forms
Get details on the new elements, attributes, and input types for HTML5 forms, along with code snippets to illustrate how they are used.
-
Review: WiX website builder
Ryan Boudreaux reviews the WiX website builder and offers a quick demo of the steps to creating a website from one of the available WiX templates.
-
DIY website tools for SMBs
For owners and operators of SMBs, these online tools will help you improve your web presence on a smaller budget in areas including e-commerce, marketing, and web development.
-
Choosing an open source software license for your development project
If you are considering a development project that uses an open source software license, this guide will introduce you to the basic types available.
-
HTML5 hgroup is dead: What you need to know
The HTML5 Working Group has dropped the <hgroup> element. Here's what you need to know about the change.
-
Testing and developing for the mobile web
Your mobile web development strategy depends on being able to perform tests for a variety of devices and browsers. Here are emulators and simulators that can help.
-
Google Chrome DevTools: Lesser-known tools for developers
You'll find some lesser-known, but very useful, developer tools in the Tips and Tricks collection for Chrome DevTools.
-
Creating a Terms-of-Service policy: Expert advice for SMBs
Terms of Service agreements for your website protect you and should help your users. Ryan Boudreaux asks an expert for some best practice advice and provides some other resources for help.
-
Put Bootstrap's responsive design features to good use
Bootstrap provides designers and developers with a straightforward way to create web interfaces that employ responsive design. Here's how to use the framework's design features.
-
Set up a Google Custom Search Engine for your website
There are both free and cheap versions of the Google Custom Search Engine, and it's easy to set up. Ryan Boudreaux gives you a quick demo.
-
URL rewriting with IIS's URL Rewrite module
Justin James shows you how to use IIS's URL rewriting module and how to create your own rules.
-
Photoshop tutorial: Create the Polaroid effect for images
Ryan Boudreaux demonstrates how to achieve the Polaroid effect with images in Photoshop CS5. This tutorial will help beginners understand how to work with layers in Photoshop.
-
Form validation: Create a simple web form with Dreamweaver
Ryan Boudreaux shares a step-by-step tutorial on how to create a simple web form with validation rules with Dreamweaver (basic steps apply using other tools).
-
How to create an image hover-preview effect using jQuery
Ryan Boudreaux includes all the code snippets you'll need in this demo of how to create an image hover-preview effect using HTML, CSS, and JavaScript.
-
Get your fieldset style on
Ryan Boudreaux demonstrates how to jazz up the fieldset element with CSS3 styling.
-
Responsive web design tool review: Embed Responsively
Embed Responsively allows you to transform fixed width embedded media content into flexible and fluid responsive objects. See how the tool works.
-
Transform your website with HTML5 Boilerplate
Ryan Boudreaux introduces a tool that will help you convert your website to HTML5. The template includes HTML, CSS, JavaScript, and more files to help you move ahead.
-
Tips for optimizing your web images
Ryan Boudreaux explains the importance of optimizing your images for the web in order to balance quality and load times. Here are his rules of thumb for optimizing images and using appropriate file types.
-
How to use the CSS clip and mask properties
In this overview of the CSS clip and mask properties, Ryan Boudreaux shows you how to use them with examples of code and basic syntax.
-
How the parallax effect is used in web design
Ryan Boudreaux defines the parallax effect and how it has been used in animation and gaming. It is also an effect that can be achieved in web design. Here are some examples.
-
Use the HTML5 Web Audio API to get creative with your web apps' sounds
See demos and experiments that use the HTML5 Web Audio API specification, which processes and synthesizes audio in web applications.
-
Learn to use the HTML5 Drag and Drop API
Ryan Boudreaux introduces the HTML5 Drag and Drop API and gives some links to demos and resources for more ideas on how to use it.
-
CSS-based photo gallery presentation options
Ryan Boudreaux offers an overview of several photo gallery presentations that are either purely CSS or use very little JavaScript and jQuery.