I’ve had a few people ask me lately for development resources. In particular, folks are looking for information on responsive and mobile first web design (RWD). After emailing a list of sources several times, I’ve decided to compile a list of links and resources here. I’ll continue to add to this list when I find new goodies.
Writings on Responsive / Mobile First Web Design and the Mobile Web
- This Is Responsive by Brad Frost
- 15 things you can (and should) do to make your site faster for mobile users by Joshua Bixby
- Don’t Overthink It Grids by Chris Coyier
- “Native Web is Total Bullshit” by Brad Frost
- Beyond Media Queries: Anatomy of an Adaptive Web Design by Brad Frost
- How We Learned to Leave Default Font-Size Alone and Embrace the Em by the Filament Group
- Off Canvas Multi-Device Layouts by Luke Wroblewski
- Notes to an Agency Starting Their First Responsive Web Project by Chris Coyier
- Creating a Mobile-First Responsive Web Design by Brad Frost
- Anatomy of a Mobile-First Responsive Web Design by Brad Frost
- Recommendations for building smartphone-optimized websites by Pierre Far, Google
- The Mobile Playbook by Jason Spero and Johanna Werther, Google
- Responsive Web Design by Ethan Marcotte
- Future Friendly
Quick Tools
- CSS Values
- Caniuse
- Caniuse
- CSS Gradient Generator
- Kuler by Adobe
- Microsot Windows 8 HTML5 Graphics Demos
- Microsoft Internet Explorer 10 Test Drive Demos
Resources
- Google Developers
- This Is Responsive by Brad Frost
- A guide to the basics of jQuery
- Brad Frost – Blog
- Cloud Four Blog by Jason Grigsby and Lyza Danger Gardner
- Mobile Web Best Practices by Brad Frost
- Filament Group – What We’re Thinking
- Smashing Magazine
- HTML5 Rocks
- CSS-Tricks
- A Book Apart
- A List Apart
Frameworks
Books
- Implementing Responsive Design by Tim Kadlec
- Head First Mobile Web by Lyza Danger Gardner and Jason Grigsby
- JavaScript & jQuery the Missing Manual by Dave McFarland
- CSS the Missing Manual by Dave McFarland
- Mobile First by Luke Wroblewski
- Responsive Web Design by Ethan Marcotte
- CSS3 for Web Designers by Dan Cederholm
- HTML5 for Web Designers by Jeremy Keith
Developer
- Grunticon by Filament Group
- Yeoman.io
- Codepen
- Picturefill by Scott Jehl
- Southstreet by Filament Group
- GitHub
- jSFiddle