Retrofitting Sites for Responsive Web Design
Ben Callahan, Sparkbox
The files in this repo are intended to be used alongside my presentations on Responsive Retrofitting.
The Following is a list of resources for learning more about retrofitting in responsive web design.
Resources
- Mobilizing Web Sites, by Kristofer Layon
- Responsive images for mobile: don't sweat it, by Kristofer Layon
- * { box-sizing: border-box; } FTW, by Paul Irish
- Media Query Asset Downloading Results, by Tim Kadlec
- Responsive Web Design, original article by Ethan Marcotte
- Responsive Web Design, book by Ethan Marcotte
- Adaptive Web Design, book by Aaron Gustafson
- Head First Mobile Web, book by Jason Grigsby and Lyza Danger Gardner
- Responsive Retrofitting Bookmarklet, by Sparkbox
- The Semantic Grid System
- Susy
- LESS CSS
- SCSS/SASS CSS
- Fluid Grids, by Ethan Marcotte
- Fluid Width Video, by Chris Coyer
- CSS3 Media Queries Spec
- Media Query Bookmarklet, by Rob Tarr
- Responsive Images Round-Up, by Jason Grigsby
- The Boston Globe
- Build Responsively
- Responsive Advertising, by Mark Boulton
- Table to Chart, by Scott Jehl
- Responsive Menu
- The Foundry
- Future Friendly
- Media Queries Gallery
- Responsive Images, by Filament Group
- Image Sizer, by Ethan Marcotte
- iOS Orientation Change Fix
- Hide Address Bar
- Progressive Enhancement
Navigation
Tables
Images
Responsive JavaScript
Typography
Touch
Sliders
Apps
Some People to Follow
- @beep
- @scottjehl
- @grigs
- @adactio
- @yoavweiss
- @robertnyman
- @necolas
- @yiibu
- @globalmoxie
- @brad_frost
- @klayon
- @tkadlec
- @robtarr
- @bencallahan
Thanks
I'd like to thank my team at Sparkbox for their fantastic work pushing what's possible on the web and inspiring me to do the same. You guys rock.