Posted on January 17, 2013 by
Spread the word...

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?

Inspiration

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

Testing

ResponsinatorResponsinator

ResponsivatorResponsivator

Leave a Comment

Your email address will not be made public or shared. Inappropriate and irrelevant comments will be removed.

  1. ed says:

    A quick self-promoting shout out for my desktop image with screen size markings. It’s the easiest way to test you web page at popular widths (other than guessing).

    http://blog.edeverett.co.uk/2012/04/desktop-browser-size-guide-for-responsive-designs/