Software

Desktop apps, eLearning and more.

Database

Database driven sites, applications, knowledge

Mobile

iPhone and Android get apps that travel

Web

Creating online businesses since 2003

Responsive Web Design - Explained and Illustrated

Published 07/02-2014

GORGES Portfolio

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?

Author

Don Ellis Director of Technical Planning
Don Ellis

Director of Technical Planning

comments powered by Disqus

Related Projects

Tell us your idea! ×