What The Heck Is Responsive Web Design?

johnpolacek.github.com | Nov 30th -0001

Mixed Approach

Fixed width for large and medium.

Fluid width for small.

Why?

“Day by day, the number of devices, platforms,
and browsers that need to work with your site grows.
Responsive web design represents a fundamental shift
in how we’ll build websites for the decade to come.” - Jeffrey Veen

Who Is Doing It?

Not just demos, design shops and vanity pages. Real client work.

Barack Obama

The Obama campaign continues to be at the leading edge of web technology.

barackobama.com

Frameworks

Simple, fluid HTML/CSS/JS framework
from Twitter

Bootstrap

Fixed width for medium & large screens,
fluid single column for small

goldilocksapproach.com

Flexible 6 and 12-grid framework.

Foundation

Minimal responsive framework.
Includes Wordpress theme.

Skeleton

...and plenty more

Credits

Designed & Developed by John Polacek

Responsive Web Design Graphic by Bakken & Baeck

Goldilocks Approach by Front

Spectrum of Devices Image by ZURB

Responsive Web Design Book published by A Book Apart

Jeremy Keith Quotation from The Web Ahead Podcast

Jeffery Veen Quotation from a book review of ’Responsive Web Design‘

Corben Font by Vernon Adams

Scrolldeck and Scrollorama created by John Polacek

Original Page: http://johnpolacek.github.com/scrolldeck.js/decks/responsive/

Shared from Read It Later

 אל