Posts Tagged ‘responsive web design’

Subscribe via RSS
  1. 14 Sep, 2015

    Best Of Nine Smashing Years

    I wrote a chapter all about responsive design patterns for Smashing Magazine‘s The Mobile Book a few years ago. Now my chapter is rounded up with chapters from other great authors from other Smashing books. And the best news, you can […]

  2. 06 Jul, 2015

    Email Responses #2: “Commonly Used Screen Sizes”

    I recently got an email from a company embarking on a responsive redesign project. From the sounds of it, they’re looking to retrofit their existing site and get it out the door fast. Which sounds great, until I read this: […]

  3. 01 Jul, 2015

    Container Queries: Once More Unto the Breach

    Mat Marquis explains the current status of element queries, which have now been rebranded as “container queries”. This is a big and necessary step for pattern-based design and development. We all just want to create components, drop them into any layout, […]

  4. 02 Jun, 2015

    Responsive Strategy Illustrations by Stephanie Walter

    Stephanie Walter created some beautiful illustrations based on my post about responsive design strategies. I absolutely love the pooling water around the mobile screen in the retrofitting example, and love the layered shades of blue in the mobile-first example.

  5. 30 May, 2015

    Video: Multi-Device Output, Input, and Posture

    Really handy tips from Luke about multi-device trends and designing for a whole slew of screens.

  6. 04 May, 2015

    Revisiting the Priority+ Pattern

    In his article Obvious Always Wins, Luke Wroblewski warns of the dangers of sweeping links and actions under the rug. It’s challenging to find the room to expose important actions on constrained mobile screen sizes, but it’s necessary for designers to do so. A while back, […]

  7. 30 Apr, 2015

    Unfinished Business episode 105: ‘Seventeen coats of bullshit’ with Dan Mall and Jeffrey Zeldman

    This is a fascinating discussion between Dan Mall, Jeffrey Zeldman, and Andy Clarke about the role of aesthetics in modern web design and development. This conversation is important as there’s still a bias that responsive design is responsible for bad […]

  8. 09 Apr, 2015

    14 reasons you should attend one of my responsive design workshops

    @benbrignell asked me to give 14 reasons why he should attend my upcoming responsive design workshop at UX London. So here are 14 reasons why you should attend one of my upcoming workshops: Unlimited pancakes New car smell Responsive design […]

  9. 22 Mar, 2015

    Email Responses #1: Workflow & Client Education

    Note: I’m going to start posting some of my email responses to people here on my blog. I think a lot of people’s questions are valuable and think they’re worthy of a broader discussion. And I hope the advice I’m […]

  10. 10 Mar, 2015

    Future Friendly Fruition

    Disruption will only accelerate. The quantity and diversity of connected devices—many of which we haven’t imagined yet—will explode, as will the quantity and diversity of the people around the world who use them. Future friendly It’s been three and a […]

  11. 05 Mar, 2015

    Designing Pattern Flexibility

    When discussing a pattern-based design workflow, one knee-jerk reaction I hear from visual designers is that a design system will stifle creativity, leaving everything looking homogeneous and bland. I think there is some validity to this concern, and this sentiment can’t […]

  12. 24 Oct, 2014

    Responsive Images

    There’s three topics I avoid discussing: religion, politics, and responsive images. But now that the responsive images dust is settling, I figured it’s time to face the music and actually learn this stuff. So here’s how I’m going to write […]

  13. 15 Oct, 2014

    Adaptive design: what is it and why should I be using it?

    I contributed some thoughts alongside Aaron Gustafson, Lara Kalbag, and others about why applying adaptive design techniques is increasingly essential to craft great multi-device Web experiences.

  14. 24 Sep, 2014

    Why Every Media Website Redesign Looks the Same

    I chatted with the folks at Mashable about why responsive media sites tend to look similar. “It’s sort of the same way that all cars look more or less the same. There’s only so many ways you can design a […]

  15. 21 Sep, 2014

    RWD Podcast with Justin Avery

    I had a wonderful time talking with Justin Avery about all sorts of topics around responsive web design. I could talk to that guy all day! I’m also super impressed by all the progress he’s made on the Responsive Design […]

  16. 23 Jul, 2014

    The Principles of Adaptive Design

    There’s a conversation that crops up time to time again about the definition of responsive design and treating RWD as a goal unto itself. Has it evolved beyond Ethan Marcotte’s original definition? There are so many articles out there on […]

  17. 09 May, 2014

    The State of Responsive Web Design on the MobileMixed Podcast

    I chat with Greg Hickman about responsive strategy, process, and a whole lot more on the MobileMixed podcast.

  18. 25 Feb, 2014

    Responsive Strategy

    Right now around 11 or 12% of the top 100,000 sites are responsive, and no doubt that number is slated to rise over the next few years. As the people in the depraved cat-skinning business say, “there’s more than one […]

  19. 10 Dec, 2013

    The top 25 responsive design tools

    I rounded up 25 useful responsive web design tools and resources for Net Magazine.

  20. 21 Nov, 2013

    ish. 2.0

    I’m happy to introduce ish. 2.0. For the uninitiated, ish. is yet another viewport resizing tool. It’s called “ish.” because it focuses on general ranges (small-ish. medium-ish. large-ish.), rather than popular device widths. It’s our jobs as web designers to […]

  21. 14 Oct, 2013

    Entertainment Weekly

    Earlier this year I had the tremendous opportunity to create a responsive mobile site for Entertainment Weekly. I was privileged to work with some ridiculously talented people on this project: Josh Clark was our fearless leader. He assembled the team, […]

  22. 07 Oct, 2013

    Development Is Design

    I recently received this email from a startup: We’re a startup in San Francisco looking to launch a 5-page website this October. We would deliver all wireframes, web content, and design PSDs. We just need a front-end pro to develop […]

  23. 05 Oct, 2013

    Mobile Navigation and Patterns on the Web Payload Podcast

    I had a blast talking about responsive navigation patterns with John Macpherson on the brand new Web Payload podcast.

  24. 24 Sep, 2013

    Responsive Design to the Rescue: How HOMAGE Grew Mobile Revenue by 258%

    Note: the following is a guest post by Jonathan Poma, the director of Digital at HOMAGE. HOMAGE is one of my favorite t-shirt stores, and I constantly get compliments on my Boomshakalaka t-shirt. As it happens, they recently launched a […]

  25. 19 Sep, 2013

    Responsive Web Design: 6 Experts, 4 Questions

    Note: this piece was originally published on Net Magazine, who recently nuked about 10,000 articles when they moved over to Creative Bloq. In an effort to preserve the writing I did for them, I’m republishing those articles here on my […]

  26. 19 Sep, 2013

    The Top 25 Responsive Design Tools

    Note: this piece was originally published on Net Magazine, who recently nuked about 10,000 articles when they moved over to Creative Bloq. In an effort to preserve the writing I did for them, I’m republishing those articles here on my […]

  27. 19 Sep, 2013

    Five Responsive Web Design Pitfalls To Avoid

    Note: this piece was originally published on Net Magazine, who recently nuked about 10,000 articles when they moved over to Creative Bloq. In an effort to preserve the writing I did for them, I’m republishing those articles here on my […]

  28. 18 Sep, 2013

    7 Habits of Highly Effective Media Queries

    As we all know, media queries are responsive design’s secret sauce. Here are some considerations for crafting high-quality media queries: Let content determine breakpoints Treat layout as an enhancement Use major and minor breakpoints Use relative units Go beyond width […]

  29. 16 Sep, 2013

    Page Height, Scrolling and Responsive Web Design

    Think about the times you scroll on your mobile phone. Not necessarily on on the Web, but in general. Here are some common scrolling scenarios: Going Back in Time Going back in time is one of the most common mobile […]

  30. 18 Aug, 2013

    I wrote a cover story for Net Magazine rounding up 25 useful responsive design tools. It was a difficult task to round so many up since I typically shy away from using a whole slew of frameworks, gizmos, and what-have-yous, […]