1. 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)

  2. The Debate Around Responsive Design in Mobile Banking

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

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

  5. 10 Developer Tips To Build A Responsive Website [Infographic] – ReadWrite

  6. Responsive Design Workflow

    A new book by the master of responsive workflow, Stephen Hay.

  7. 8 Guidelines and 1 Rule for Responsive Images

    Jason Grigsby’s ideal scenario for responsive image processes and tools.

  8. Responsive Deliverables

    Dave Rupert talks about the deliverables required to create modern modular web systems.

  9. Media Queries in SVG images

    Did you know that you can embed media queries inside SVG images? Interestingly, the media queries react to viewport of the image itself, not the viewport of the browser.

  10. Rock Hammer, a curated, responsive project library

    Andy Clarke’s latest project:

    A curated project library for Hammer For Mac. Rock Hammer contains baseline typography, plus styling for common HTML elements including images, forms and tables, as well as navigation, responsive modules and widgets.

    Although, it’s made for Hammer for Mac, you can still use it without.

  11. Responsible Web Design

    Jordan Moore on the elements of Responsible Web Design – context-sensitive interactions, performance and progressive enhancement.

  12. Responding to Voice

    Jordan Moore’s latest experiment – a website interface that can respond to voice commands!

  13. Interactive Style Tiles

    A wordpress theme to help you create and present your StyleTil.es in the browser.

  14. Prioritizing Performance in Responsive Design

    Brad Frost with some tips on speeding up websites.

  15. Logical Breakpoints For Your Responsive Design

    Tactics for setting breakpoints using classic readability and typography theory (Smashing Mag).

Back to Top