1. Responsive Email Patterns

    Based on Brad Frost’s ‘This is Responsive’. 

  2. Notes on a responsive Guardian.co.uk redesign

    Guest submission: I spent 18 months working on the UX of the Guardian’s responsive site so decided to write a post about my experiences.



  3. Techcrunch | Brad Frost Web

    The Atomic Design process for the new responsive TechCrunch site.

  4. Android 4.4 KitKat, the browser and the Chrome WebView | Breaking the Mobile Web

  5. Responsive Design Knowledge Hub

  6. Pattern Lab

    Pattern Lab has been updated! It’s a collection of tools to help create and maintain atomic design systems for responsive sites. It was created by Brad Frost, and enhanced by David Olsen and was recently used to build the new TechCrunch and Entertainment Weekly responsive sites.

  7. Responsive Design Knowledge Hub

  8. Responsive Design Knowledge Hub

  9. 14 brands that increased conversion rates via responsive design

  10. "Web designing is more than just slapping visually attractive images on a page. To make those elements come to life, meticulous amounts of HTML are needed to add front end functionality. In the past, designers have used Adobe Creative Suite to draw up their sites while programmers looked to Coda 2 to outline the protocols. But there’s no one tool out there that marries the workflow in one fell swoop. That is, until Web design tool Macaw emerged. Estimated to arrive early next year, we sat down with software’s developers to see how Macaw aims to streamline Web production into one single app."
  11. nycgov:

    Meet the new www.NYC.gov—it’s faster, smarter and easier to use than ever before. Guided by input from the public, informed by visitor metrics and inspired by the customer service approach of 311, NYC.gov has been redesigned to put the user first. A few highlights of the new website: 

    • Viewable on all mobile devices
    • Search results are more accurate and relevant
    • New “311 Booker” tool on the homepage allows you to request a service or check on the status more easily
    • Redesigned Jobs section brings together all City employment-related opportunities and resources
    • New events search tool and map
    • Improved social sharing so you can more easily post to Facebook, Twitter, Google+, and Tumblr 
  12. Responsive Design is Not About Screen Sizes Any More

  13. Lesson's learnt building the Guardian

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

  14. 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.

  15. 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.

Back to Top