My advice for anyone starting out fresh with responsive web design is to keep it simple! If you are patient with the learning curve of mastering responsive web design, you will be implementing many of these new techniques into your project workflow in no time.
This is a great article about the basics of responsive web design, what it is and how it is changing the future of web design. Learn about the basics of fluid grids, media queries and how responsive web design isn’t really a technology in itself, but rather a series of techniques and ideas that form a whole.
The creator of responsive web design discusses the key ideas that form responsive design and how you can become more adaptable to the ever changing mediums that we need to design sites for.
A straight-forward article about the process of designing, planning and executing a responsive website. Goes in depth about researching, wire framing, style and development.
Putting it into Practice
A simple tutorial on creating a responsive website from desktop down to mobile.
A good tutorial using the Less framework (which you can download below) on how to use a responsive technique to create a simple website.
Nick La breaks down responsive design into three easy steps that you can implement into your websites.
A nice tutorial on how to use CSS3 to develop an adaptable layout. Gives you a demo and the ability to download all the source files for future reference.
A responsive framework that fits perfectly to a 1280 monitor and scales and adapts to others as they become smaller.
A framework that you can use with the tutorial posted above. It contains 4 layouts and 3 sets of typography presets on a single grid.
Free Responsive WordPress Themes
If you use WordPress as your main CMS, I highly recommend you download some of these free themes and play around with the code.
A great download for the sketching part of the creative process. These responsive sketch sheets makes it easier for you to envision how your website will appear on smaller resolutions.
Elliott Jay Stocks suggests using a 1000px grid for responsive design because it makes for easier calculations for percentage-based widths.
Examples of Simple Responsive Web Designs
By Janna Hagan
Sourced from Jannahagan.com