I just recently went to Future of Web Design (FOWD) in New York City for an amazing web conference. Besides the amazing speakers, friendly atmosphere and cool city life, the conference had a reoccurring theme: Responsive Web Design.
Now “Responsive Web Design” is by no means a new concept, but it has speedily becoming a web design standard.
Here are the basic premises behind the idea to achieve Responsive Web Design:
- Design must be flexible to the users behavior and environment
- Use flexible grids and layouts
- Use flexible images that will adjust to each view
- Use smart CSS media queries to adjust to the users resolution size
- Just one URL, no more, m.mobilesite.com
This is a great example of Responsive Web Design – http://foodsense.is/.
To see this in action open the link on a desktop browser and slowly drag the browser window size smaller. You will see the layout elements adjust on the page to the new width.
As web design and development evolves into the future, with multiple devices such as smaller laptops, tablets and smartphones, Responsive Web Design seems to be the best solution for the moment. We can no longer just design for a couple of devices, we must accept that the amount of devices and resolutions are going up dramatically. I will leave you with one of my favorite quotes from the conference:
“If its not responsive design, its not web design” – Andy Clarke
Good Resources on this topic: