Dec 22, 2011

With all the devices available to view websites, in all different sizes and shapes, the need to incorporate responsive design features on a website is greater than ever. Here are some excellent resources to aid in the development of responsive designs.

Responsive Web Design: What It Is and How To Use It

This article by Smashing Magazine contains a clear overview of the concept of responsive web design; as well as the specifics of adjusting screen resolution, using flexible images, modifying layout based on media size using media queries and JavaScript, and a showcase of examples.

Responsive Web Design

This article from A List Apart is the introductory article about the approach of responsive design.

CSS3 Media Queries

Learn how to use CSS3 to add expressions to media type to check for certain conditions and apply different stylesheets with this article from Web Designer Wall.

11 Reasons Why Responsive Design Isn’t That Cool!

Read this before setting out to create your first responsive design website. The points raised in this article will guide you to be careful about the choices you make in your design.

FLEXSLIDER jQuery slider plugin

The FlexSlider plugin is a fully responsive jQuery slider plugin, ideal for use on a responsive website. Incorporate it into your WordPress website using my Style My Gallery plugin which will be launched in the new year.

[style-my-gallery mediatag=”animals” css=”max-width:300px; float:left; margin-bottom:30px;”]