Responsive Web Design - Explained and Illustrated
The proliferation of mobile devices continues to drive the need for web design and web design layout that is more demanding than the flat work done in past years. Among the approaches to creating cross-device compatibility Responsive Web Design (RWD) is the most promising to be economical and truly successful.
You might think RWD is already widely implemented through the use of fluid layouts, media queries, which give the opportunity to inspect the characteristics of the device on which the work will be shown, and through scripts able to adjust the layout of web pages - not so quick and not so easy.
It is oversimplification to define RWD as nothing more than a design that takes into account the size of the screen and automatically makes adjustments to the content. RWD is much more than that; it is an approach that takes many other design aspects into consideration. RWD brings a new way of thinking.
Much has been written on the subject. The best I have seen is by Annarita Tranfici writing for SitePoint.
One of the best examples of RWD I know is the GORGES portfolio page. Sean Kennedy and Rasmus Schultz at GORGES made this amazingly useful page and made it responsive. If you are viewing it on a laptop or desktop browser, hold on the lower right corner of your screen and shrink the window down to mobile device size. Fun - huh?
Director of Technical Planning