adactio / tags / responsive

Tagged with “responsive” (133)

  1. Predicting the future with Rachel Andrew, Eric Meyer, and Jeffrey Zeldman | The Web Ahead

    The landscape of what’s possible in web page layout is changing. Jen has a theory that this change will be a big one — perhaps the biggest change to graphic design on the web in over 15 years. Rachel, Jeffrey, and Eric join her to debate if that’s true or not, and to surmise what the future might bring. This special episode was recorded live at An Event Apart Nashville.

    —Huffduffed by adactio

  2. Modular Design — Responsive Web Design

    Imagine you’re embarking on a CMS replatforming and website redesign. Ethan and Karen explain how a modular design process that puts content modeling and design patterns first will help you.

    —Huffduffed by adactio

  3. Inside the Rise of Responsive Web Design: An Interview with its founder, Ethan Marcotte

    Measuring 3,000 private school websites in our report, Private School Digital Insights (August 2014), uncovered lots of interesting statistics about website navigation and design.

    But one stat, in particular, answered some questions that I think many of us were curious about:

    With the rise of mobile devices, how are private school websites adapting? More specifically, are they utilizing responsive web design (RWD)?

    Our research revealed that 22% of private schools sites (August 2014) utilized responsive web design — meaning their designs responded to whatever device was accessing it — mobile, tablet or desktop.

    We took another look at this group in early 2015 and saw a 9% jump to 31%. Here we are a year later, and I think it’s fair to assume another significant leap in RWD adoption.

    Here’s the takeaway — schools understand that they need to display their content in the best possible way across all devices, both in front of and behind the password.

    Just imagine a parent visiting the admission section of a non-RWD site via their phone? What kind of an impression does that leave?

    But have you ever wondered about the origins of responsive design and how it became a standard in such a short time? Who had the foresight to see the need for a better, more flexible way to display web content across the ever increasing range of devices?

    Joining me to talk about the birth and rise of responsive design is the man who founded the concept, Ethan Marcotte. Ethan is a designer, developer, author, and podcast host in Boston, MA, who unveiled the idea of responsive web design in a blog post on a list apart in May 2010.

    From that simple article, a more flexible approach to design has been adopted by a huge range of sites including the Boston Globe, Time Magazine, CNN, Starbucks, and of course 31% of all private school sites! His approach has redefined the way we all interact with websites today.

    Episode notes:

    So let’s get into a time machine and head back to 2010. Ethan talks about the days, weeks, months leading up to his blog post for a list apart. What was going through his head at that time? How & why did his thinking about web design land on the concept of responsive?

    Ethan introduced the approach, but lots of concepts get introduced every day. Hear how RWD emerged from an idea to design standard.

    Learn how has responsive web design matured from 2010-2016.

    “What does it feel like to know that you’ve changed the way people all over the world access websites?” A big question, hear his answer.

    Let’s get tactical, according to Pew, 64% of Americans own a smartphone, plus the usage stats are interesting.  Knowing this, there’s a growing movement to design mobile first.  Ethan shares his take.

    In his new book (, Ethan talk about the future of RWD — hear his take on what the future holds for RWD.

    Let’s get prescriptive. For someone about to jump into the process of creating a new site design to replace a non-RWD site, Ethan offers advice.

    —Huffduffed by adactio

  4. Radio Free Europe/Radio Liberty — Responsive Web Design

    What if site speed were actually a life-or-death matter? Kim Conger from Radio Free Europe/Radio Liberty worked with Dan Mall and Tim Kadlec to make performance the top priority.

    —Huffduffed by adactio

  5. Codepen — Responsive Web Design

    We go meta, talking to web designer/developers Chris Coyier and Katie Kovalcin about the redesign of Codepen, a product for web designers and developers.

    —Huffduffed by adactio

  6. RWD Podcast Episode 43 — Responsive Web Design

    The second and final instalment for the podcast version of the Entropic Web talk I gave at the Mobx Conference in Berlin, Germany. In this part I look at the speed of light, latency, interstellar travel and how all of these can come together to produce amazing sites.

    —Huffduffed by adactio

  7. RWD Podcast Episode 42 — Responsive Web Design

    This week I talk through the first half of the presentation on the Entropic Web.

    —Huffduffed by adactio

  8. ProPublica — Responsive Web Design

    Do you need to make your entire site responsive from the start? David Sleight from ProPublica explains that starting with individual feature stories is a safe way to experiment.

    —Huffduffed by adactio

  9. The Specialest of Very Special Episodes — Responsive Web Design

    We’ve recorded an entire year of podcast episodes. In this year-end retrospective, we talk about our forthcoming books and discuss the whole adaptive versus responsive debate.

    —Huffduffed by adactio

  10. Pattern Language: Responsive Style Guides

    Remember when websites were collections of static pages? Those days are long gone. We know we can’t just design fixed web pages anymore—so how can we manage efficient workflows while accounting for the intricate systems and infinite variability that are today’s responsive sites? Style guides to the rescue!

    Sort of. Style guides  gather the bits of reusable code and design patterns underlying a site and turn them into a shared vocabulary for designers, developers, and the people they work with to address an infinite number of real-world scenarios. But there is no “right way” to do style guides—different approaches work best for different teams and skillsets. 

    In this session, we’ll help you make sense of how this new tool can best fit into your workflow by discussing practical strategies for creating and maintaining style guides and pattern libraries, with a particular focus on responsive design:

    Whose responsibility are style guides, and when and how are they built?

    Who are style guides for?

    Should a style guide share a code base with the actual site/app?

    How can we build accessibility and device compatibility into reusable design patterns and components?

    How can designers learn to think in terms of components instead of an overarching design? 

    How can we best promote and maintain design patterns?

    Original video:
    Downloaded by

    —Huffduffed by adactio

Page 1 of 14Older