The blog of William Barton, an interaction design expert and front end developer with a keen interest in usability and accessibility.

Why Responsive Web Design

Published on 6 June 2012

In a blog post titled “Responsive design — harnessing the power of media queries” Google address responsive web design its growing popularity and how in recent years they have found an increase in traffic from mobile devices to many sites. They consider theses nuber to be significant an have set out to cater for this group of browsers.

They mention the choice between creating a mobile specific website, or modifing current ‘full’ websites and new websites to be optimised and render in bothe mobile and non-mobile browsers.

There are other reasons behind responsive web design other than aesthetic Breheny  et al. (2012) states “maintaining a single shared site preserves a canonical URL, avoiding any complicated redirects, and simplifies the sharing of web addresses.”

The blog post continues with a discussion about how they could fulfill the following self set guidelines:

  1. Our pages should render legibly at any screen resolution
  2. We mark up one set of content, making it viewable on any device
  3. We should never show a horizontal scrollbar, whatever the window size

From here the blog post because a tutorial about how to implement different techniques like media queries and fluid images, but the important point to take away from the article is that google are using responsive web design because they consider it the future of web design.

The article:

Breheny, R., Jung, E., Zürrer, M. (2012) Official Google Webmaster Central Blog: Responsive design – harnessing the power of media queries. [online] Available at: [Accessed: 26 May 2012].