Oh, So Responsive Design.

Responzive Design, Responsively Illustrated.

If it’s not responsive, it’s crap!

(Say it with a Scottish accent)

A great site put together by James Mellers of THISMANSLIFE.COM solves a problem we’ve already run into, how to explain responsive design to your client.

“Resize your browser to reveal just a handful of the kind of devices you should expect web pages to be viewed on. Each device illustration is rendered using the same basic HTML which adapts its appearance to the changing viewport size, representing different devices accordingly. This is achieved using media queries to apply different CSS rules for different sizes. This experiment is intended to illustrate the basic premise of responsive web design and the power of CSS to tackle it.”

We’ve got several responsive sites in the works (launching this month) but nothing of our own to show-off just yet. Responsive Design, Responsively Illustrated is a handy, brand-neutral demo. I particularly like the breakpoints added in the display. Enjoy.

go see it for yourself: Responsive Design, Responsively Illustrated