Responsive Design

As a web designer, I find one of the greatest challenges to be all the different browsers and monitor sizes you have to account for. A design that looks great on Safari at 1200 pixels wide totally falls apart on IE 7 at 800 pixels. Now with mobile devices accounting for a large percentage of web traffic, there is even more to think about.

Lately I’ve been hearing a lot about a new trend: responsive web design, where the design of a site changes depending on your browser size. As your browser size decreases, images and content areas start getting smaller, and the layout even changes altogether to suit very small screens, like smartphones. It’s not a technique I’ve used yet, but one I can’t wait to try!

Here’s a great example of one:
http://owltastic.com/



Open this page, then resize your browser and watch what happens.

Here’s a page with a bunch of great examples, some better than others.
http://webdesignledger.com/inspiration/30-creative-examples-of-responsive-web-design