Last Christmas we saw online sales grow once again, this time by 17.8% for non food goods compared to the previous year. Of users surveyed, 1 in 5 smartphone owners indicate that they were likely to spend more via their smartphone or tablet device in the run up to next Christmas. However, 31% expressed that improved user experience on mobile devices would encourage them further.

Here at RocketMill we’ve seen an increase of clients wanting mobile friendly websites, with 90% of new projects being responsively designed. It will come as no surprise that Smashinghub, Mashable, designhash and many others tip responsive web design as being one of the top webdesign trends for 2013.

With all this in mind, I’ve collated a small list of responsive web design resources to help you make awesome mobile ready websites.

Get Started with RWD

What is RWD and how to use it?What is RWD and how to use it?


Responsive DeckResponsive Deck

This Is ResponsiveThis Is Responsive

Design Tools

Responsive Web Design Sketch Sheets (Sketch Wireframes)Responsive Web Design Sketch Sheets

Styles Tiles (Create a style guide)Styles Tiles

Responsive Navigation PatternsResponsive Navigation Patterns

RWD Frameworks

Twitter BootstrapTwitter Bootstrap framework

RWD Tools

Respond.js (Really important to get responsive web design to work in IE8 and below)Respond JS

FitText (Some javascript to adjust text size responsively)FitText