Responsive Web Design Resources


  • Sara Cannon at Future Insights Live – slides
  • Sara Cannon in WCSF 2011 – video / slides

Grid frameworks:

Responsive Images:

Responsive Video/Text/Slideshows:

Retina/HiDPI screens:

  • – “Retina graphics for your website. retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays”

Media Queries & Responsive Web Design in general:




If you have more resource that you think we should add to this list: let us know in the comments! cheers and happy responsive-ing! 🙂

2 thoughts on “Responsive Web Design Resources

  1. Hi Sara,
    Just wondering if you have written any articles related to breakpoints.

    I am wanting to write a custom CSS framework, but wondering how many breakpoints to target. Please advise.

  2. Hi Sara,

    Very Nice illustration of responsive designing. You also share very good resources with us. I have to say thank you!

    I specially like very much. Look forward to read your up coming blogs.


Leave a Reply

Your email address will not be published. Required fields are marked *