Responsive Enhancement

Jeremy Keith

Responsive design is one of the most exciting developments to hit the web for some time. But there’s a common misconception that it involves merely slapping some media queries on to an existing desktop-centric site and labelling the result "mobile-friendly." Nothing could be further from the truth. This workshop will demonstrate that truly effective responsive design must begin with the content first, which is then progressively adapted to a multitude of screen sizes and environments.

This workshop will help you to construct web sites that will feel natural on a whole range of devices, from mobile phones to tablets, laptops, e-readers and devices we haven’t even thought of yet.

You’ll learn how to:

  • Prioritise content
  • Ensure that no visitor is denied access to information,
  • Decide when to switch layouts using media queries,
  • Apply fluid layouts based on percentages,
  • Serve up different sized images for different environments,
  • Figure out new processes and workflows that embrace the ever-changing nature of the web.

Jeremy Keith is a web designer and developer with over a decade's experience of using and teaching web technologies such as JavaScript, microformats and HTML5. He has written three books, DOM Scripting and Bulletproof Ajax, and most recently, HTML5 For Web Designers. When he’s not crafting websites at Clearleft, Jeremy can usually be found ranting and raving at conferences like An Event Apart. Right now he’s very excited about responsive web design, which he feels may herald an even bigger revolution than the original web standards movement.

In his spare time, Jeremy plays bouzouki in the band Salter Cane, curates an online Irish music community called The Session and runs Huffduffer, a site for creating podcasts of found sounds. You should unfollow him on Twitter.