I gave a talk Sunday at ALA Annual on Responsive Web Design for libraries. I led off with a discussion of the basics around Responsive Design and how it can benefit your library, and then we spent the next hour walking through how to actually build a responsive site by tackling the elegant http://lollibrary.org website. The video above has a lot of throat clearing and some quiet spots where I got a bit too far away from the mic, but most of it is there.
Other formats available for download below.
Resources
- The LOL Library demo site.
- Source code for the LOL Library demo site
- Follow Mat Marquis on Twitter. Just do it.
- Compete’s 2010 Smartphone Usage Report
- Google’s Mobile Movement Report
- Stephen Hay, There Is No Mobile Web
- John Alsopp, The Dao of Web Design
- Ethan Marcotte, Responsive Web Design (article) and Responsive Web Design (book)
- Jeremy Keith, Re-tabulate
- Scott Jehl’s respond.js polyfill for browsers that do not support CSS3 media queries
- Twitter Bootstrap
- Foundation
- Canton Public Library’s Responsive Website by Brad Czerniak
- UVA’s new Responsive site will be live July 16th at http://lib.virginia.edu
- Picturefill: A polyfill for serving differently-sized images for different screen sizes by Scott Jehl
- eCSSential: a javascript tool for loading only the CSS needed for the current screen size or device by Scott Jehl
- South Street, a suite of tools for Responsive Design and Progressive Enhancement by the Filament Group (Scott Jehl et al)
- Oh, just go ahead and follow Scott Jehl on Twitter and Github. Do it.