1. "As people continue to use an ever increasing number of devices to get online, there’s no shortage of companies exploring multi-device solutions for the Web. Some are even sharing data about the impact of their new responsive designs and the numbers look good enough to get even more organizations on board."
    LukeW | Impact of Responsive Designs

  2. Prototyping Responsive Typography

    Last year, Viljami Salminen wrote a brilliant article sharing his responsive workflow. Today, he explains in depth, a new design phase he’s been doing:

    The new design phase is somewhere between prototyping and visual design phases, and I think it might just be the most important phase in the whole design process. I call it the “Typography Prototyping Phase.”

  3. It Doesn’t Matter

    Brad Frost coins a new term “the gradient of adaptation”:

    Adaptive interface techniques sit on a gradient. Some interfaces consist of elements that don’t have a lot of moving parts, while others require more thought and care.

  4. Responsive, horizontal multi-column layouts

    An experiment by Jordan Moore to move beyond the y-axis.

    In an infinite canvas, it seems like a shame that 99.9% of the time we only make use of the y-axis. You could say “That’s what people are accustomed to, why change that?” - then why change anything? Doing the same thing over and over again isn’t going to push our medium forward. Asking difficult questions of the web and pushing it as a medium to uncomfortable places encourages new possibilities.

  5. There is no breakpoint

    Ben Callahan from Sparkbox on inline media queries for components acting independently of system wide breakpoints.

    By placing our media queries inline, immediately following the smallest styles, we can group styles by the components they impact and not worry about following a specific set of breakpoints.

  6. Designing In The Transition To A Multi-Device World

    A comprehensive Smashing Mag article by Francisco Inchauste – in this transition phase, look at what others are doing but choose your own path when designing responsive sites. I also love this advice: “designing responsively doesn’t change the fundamentals.”

  7. Improving Your Responsive Workflow with STYLE GUIDES

    Luke Brooker on the evolving responsive workflow and automating style guides to reduce friction in their creation. This presentation is in reveal.js so press the down keyboard arrow to delve deeper into categories.

  8. You like apples?

    A case study on O’Neill Clothing’s retrofit responsive site by Electric Pulp. iPhone revenue doubled and Android revenue almost went up by 6 times!

  9. Healthcare Responsive Examples

  10. Responsive Typography

    The text on the page resizes based on the distance of your face from the screen (and webcam). Proxemic interactions form part of adaptive web design which moves beyond the front-end techniques initially described in responsive web design.

  11. Where to Start

    Trent Walton on where to start with responsive web design.

  12. Responsive Tables

    Aaron Gustafson’s approach to creating responsive tables using HTML data attributes and CSS generated content. See the Codepen demo.

  13. Ditching responsive design

    interesting perspective on when to consider other options … know your audience!

  14. "

    Introducing modern.IE -

    A new set of tools to help you support modern and older versions of Internet Explorer

    "
    Microsoft

  15. The New Republic Aims to Broaden Its Audience

    The app and Web site have new, technologically friendly features, like audio versions of articles and the ability to let users read pieces on multiple devices, continuing on one at the spot where they left off on another. via NYT

Back to Top