Responsive web design: What goes around…

Feb 7th, 2012 | Last modified: February 17, 2012 | By | Category: Web Browsers, Web Design, Web Development

“Responsive Web Design essentially indicates that a web site is crafted to adapt the layout to the environment that it is being viewed in.”1

At Generation X it has always been a first principle to consider the wide variety of user platforms when designing websites. Cross browser compatibility and varied browser resolutions have always been tested as an inherant part of the design process since I first began designing websites in 2003, so the concept of responsive web design is not new to me.

The term responsive web design, however, first came to my attention last month when I read an article by James Pearce entitled Not a mobile web, merely a 320px-wide one2, orginally written in October 2010 in response to Ethan Marcotte’s seminal article3 on A List Apart.

Proponents of responsive web design seem to fall into two camps – the purists and the adaptives. The distinction lies in whether exactly the same information is presented across all platforms – the purist arguemnt – or whether the design should respond to different platforms by delivering “different content and services altogether – or, at least, a differently prioritized version of the default desktop experience”.2 As is so often the case, both sides of the argument have much to recommend them.

Allied to the concept of responsive web design is that of Mobile First,4 whereby web applications and websites are designed for mobile devices first, rather than the mobile version being adapted from the desktop version. The case for Mobile First is argued in the book of the same title, by Luke Wroblewski.

I should point out that responsive web design principles have (not yet) been applied to this WordPress blog.

1 Responsive Web Design, Wikipedia
2 Not a mobile web, merely a 320px-wide one, by James Pearce
3 Responsive Web Design, by Ethan Marcotte
4 Mobile First by Luke Wroblewski

One Comment to “Responsive web design: What goes around…”

  1. What’s Taking place i’m new to this, I stumbled upon
    this I’ve discovered It absolutely useful and it has helped me out
    loads. I am hoping to contribute & assist different customers like its aided me.
    Great job.

Leave a Comment