A handy article on Vertical Rhythm and Modular Scale with Viewport Units.

Create atomic design ( http://bradfrost.com/blog/post/atomic-web-design/ ) systems with Pattern Lab.

Responsive Layouts for Email

The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.

This page lists a ton of different devices and media queries that would specifically target that device. That's probably not generally a great practice, but it is helpful to know what the dimensions for all these devices are in a CSS context.

For the record: It’s super important for us to keep this site 100% free for you and 100% high quality. To help us do that, we’ve partnered with some of

Your best buddy when it comes to creating responsive layouts.

A folding grid for responsive design.

… adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

… a Beautiful Boilerplate for Responsive, Mobile-Friendly Development […] a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

«[…] The more I work with flexible images & grids and media queries, the more I appreciate what can be achieved. […]»

Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to approp…