Table of Contents for

Responsive Web Design, Second Edition

Resources

For a more complete history behind the typographic grid, I’d suggest the following:

• Wikipedia’s entry on the canons of page construction: http://bkaprt.com/rwd2/68/

• The New Typography by Jan Tschichold (Second Edition, University of California Press, 2006): http://bkaprt.com/rwd2/69/

• Grid Systems in Graphic Design by Josef Müller-Brockmann (Verlag Niggli AG): http://bkaprt.com/rwd2/70/

In looking at how grids apply specifically to web design, I’d suggest:

• Ordering Disorder: Grid Principles for Web Design by Khoi Vinh (New Riders Press, 2010): http://bkaprt.com/rwd2/71/

• A Practical Guide to Designing Grid Systems for the Web by Mark Boulton (Five Simple Steps, forthcoming): http://bkaprt.com/rwd2/72/

• Mark Boulton’s blog entry, “A Richer Canvas”: http://bkaprt.com/rwd2/73/

• The Grid System: http://bkaprt.com/rwd2/74/

• My article for A List Apart on “Fluid Grids”: http://bkaprt.com/rwd2/75/

Looking for a reference on media queries? While the following two links are somewhat tech-y, I think they’re still accessible, fantastic reads:

• The W3C’s media query specification: http://bkaprt.com/rwd2/76/

• Mozilla’s developer reference on media queries: http://bkaprt.com/rwd2/77/

If you’re working with images and other media in a flexible context, I recommend checking out:

• Filament Group’s “Compressive Images” technique: http://bkaprt.com/rwd2/78/

• Richard Rutter’s original image resizing experiments: http://bkaprt.com/rwd2/79/

• Filament Group’s Picturefill library: http://bkaprt.com/rwd2/80/, with the related blog entry: http://bkaprt.com/rwd2/81/

For more information to help you decide when and how to adopt a responsive approach, I’d recommend:

• John Allsopp’s seminal “A Dao of Web Design”: http://bkaprt.com/rwd2/82/

• Luke Wroblewski’s articles on “mobile first”: http://bkaprt.com/rwd2/52/, with related readings available http://bkaprt.com/rwd2/83/

• Jeremy Keith’s “One Web”: http://bkaprt.com/rwd2/84/ and “Context”: http://bkaprt.com/rwd2/85/

• Tim Kadlec’s entry on “Responsive Web Design and Mobile Context”: http://bkaprt.com/rwd2/86/

• Josh Clark (http://bkaprt.com/rwd2/87/) and Jason Grigsby (http://bkaprt.com/rwd2/88/) round up some great discussions to help you decide when a responsive approach is appropriate, and for which projects. (You should be reading Josh and Jason’s blogs anyway.)

• My own blog entries on “With Good References” (http://bkaprt.com/rwd2/89/), “Toffee-Nosed” (http://bkaprt.com/rwd2/90/), and “Responsive design, screens, and shearing layers” (http://bkaprt.com/rwd2/91/).