Responsive Web
Design Resources

Frameworks

goldengridsystem

Golden Grid System

A folding grid for responsive design

1140grid

1140 CSS Grid

A flexible fluid grid

320andup

320 and up

Uses the mobile first principle

semanticgrid

The Semantic Grid System

Allows for fluid and responsive designs with semantic markup

Browser Extensions

firefox

Web Developer toolbar for Firefox

Use to test different browser resolutions on Firefox amongst a number of other features

chrome

Window Resizer for Chrome

Test different browser resolutions on Chrome

Tools and Techniques

datatables

Responsive Data Tables

Tables aren't very responsive friendly. This technique offers a responsive solution.

fittext

FitText

FitText makes font-sizes scalable. Works really well on headlines.

respond

Respond

Get media queries working in IE6-8

sketchsheets

Responsive Web Design Sketch sheets

For the wireframer in you.

Articles on responsive design you MUST read

responsivewebdesign

Responsive Web Design - Ethan Marcotte

This is the article that coined the term responsive web design.

contentchoreography

Content Choreography - Trent Walton

Responsive design is actually about enhancing the contents experience, not the technical aspects of it.

abookapart

A Book Apart: Responsive Web Design by Ethan Marcotte

If you buy only 1 book about responsive web design, it better be this one.

Responsive Web Designs that will make you drool