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?
Inspiration
Design Tools
Responsive Web Design Sketch Sheets (Sketch Wireframes)
Styles Tiles (Create a style guide)
Responsive Navigation Patterns
RWD Frameworks
RWD Tools
Respond.js (Really important to get responsive web design to work in IE8 and below)
FitText (Some javascript to adjust text size responsively)
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/