Recently we’ve noticed that Google has switched to a partial responsive web design for their maps on Google Search Engine Results Pages (SERPs). They’re also now recommending that mobile sites be built using responsive design. I’ll get into that in a moment, but first, you may be wondering what I mean by responsive web design.
What is Responsive Web Design?
Responsive web design has been gaining traction in recent months within the web design community. It’s a relatively new way of designing sites to detect a visitor’s browser size and customize the page display to match. You’ll know you’re on a responsive design site when the images change size and the page layout shifts as you resize your browser.
Smashing Magazine’s Responsive Design
Smashing Magazine provides an excellent example of responsive design. Take a look at how their page layout shifts with decreasing browser size.