Responsive Web Design

“The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must accept the ebb and flow of things.”

• John Allsopp, “A Dao of Web Design”

The web is constantly changing and improving. People are visiting your sites from a wide variety of devices and browsers. Can the sites you're working on provide a quality user experience if the person is using a 27" monitor? A tablet device (iPad's anyone)? A mobile device?

We'll talk about various approaches and the techniques behind them to deliver a good user experience to more than one context. We'll explore:

Responsive vs. Adaptive vs. Static Design Mobile-first Content-first After the juicy meat & 'taters portion we'll talk about the various techniques used to achieve:

media queries flexible grids flexible images misc context aware goodness