1. Responsive Design is Not About Screen Sizes Any More

  2. Lesson's learnt building the Guardian

    Lessons learnt by the engineers who built the mobile-first responsive Guardian website.

  3. Great Responsive Web Design is a Matter of Process — Medium

    Responsive web design is a new, uncertain territory for everyone, so don’t be afraid to try new things- curiosity is essential to responsive web design. Teach yourself a few new tricks, and keep experimenting. Whatever you do, remember to adjust your process to account for adaptive design. After all, if you hope to solve new problems and create great designs, you’re going to need a new approach.

  4. Responsive Images with Apropos

    When Square’s front-end engineering team was building our Japanese website, we decided early on that we needed to support a wide variety of devices, and that responsive design was the right way to do that. (Who wants to support a completely separate “mobile site”?) However, we weren’t sure how we would serve every visitor the appropriate version of the gorgeous images shot by our talented photographers.

  5. LukeW | Responsive Web Design Performance

  6. Responsive Ad Formats start to arrive via Google (beta)

    The new responsive ad units allow you to support a wide range of devices by working with your responsive design web pages. You can now dynamically specify the size of the ad that will be served, adapting it to fit the way your site renders a page on a particular device

    http://adsense.blogspot.com/2013/07/the-responsive-web-adsense.html

  7. Client Relationships and the Multi-Device Web

  8. Summer Reading Issue

    The editors of A List Apart have created a Summer Reading Issue full of Responsive, UX, Content and Design goodness. Enjoy!

  9. 70 Stunning Responsive Sites for Your Inspiration | Mobify

    A collection of responsive sites in the following categories: E-Commerce Design and Advertising, Technology, Events, Publishing, Blogs, Non-Profits, Education and Government.

  10. Response-ish Web Design

    responsivenews:

    Two BBC News codebases are not better than one. But until the responsive site is finished the desktop site can’t be retired. Read on to find out how Responsive Web Design is being used to keep both sites up to date.

    Read More

    Nice update on the BBC.

  11. The State Of Responsive Web Design

    http://www.smashingmagazine.com/2013/05/29/state-responsive-web-design/

  12. Device fragmentation is a tenacious problem for content providers and advertisers. The rapid adoption of smartphones and tablets, the growing popularity of internet-connected TVs and the promise of web-enabled everyday devices like watches and eye glasses means digital content will need to be served to an ever-increasing number of screens, according to a new eMarketer report, “Responsive Design: A Solution for Publishers, a Question for Advertisers.”

    Device fragmentation is a tenacious problem for content providers and advertisers. The rapid adoption of smartphones and tablets, the growing popularity of internet-connected TVs and the promise of web-enabled everyday devices like watches and eye glasses means digital content will need to be served to an ever-increasing number of screens, according to a new eMarketer report, “Responsive Design: A Solution for Publishers, a Question for Advertisers.”

    via eMarketer (paywall)

  13. The Debate Around Responsive Design in Mobile Banking

  14. Common Patterns in Styleguides, Boilerplates and Pattern Libraries

    A perfect place to start when creating your live HTML Style Guide – Cloud Four documents interface patterns within popular responsive frameworks.

  15. What are Responsive Websites made of?

    Guy Podjarny deconstructs the performance of 500 responsive sites and finds that:

    • The responsive sites tested (1.2MB) were lighter than average (1.4MB)
    • The average page size and requests (41) don’t vary much across screen sizes. 
Back to Top