Posts Tagged ‘responsive web design’
-
26 May, 2020
RWD Weekly #411 Interview Series with Brad Frost | Responsive Web Design
I had the privilege of being interviewed in Justin Avery’s long-running RWD Weekly newsletter about the state of responsive design 10 years in. I weigh in on client expectations around responsive design, still unsolved responsive design challenges, and other things.
-
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 […]
-
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: […]
-
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, […]
-
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.
-
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.
-
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, […]
-
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 […]
-
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 […]
-
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 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 […]
-
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 […]
-
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 […]
-
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.
-
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 […]
-
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 […]
-
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 […]
-
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.
-
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 […]
-
10 Dec, 2013
The top 25 responsive design tools
I rounded up 25 useful responsive web design tools and resources for Net Magazine.
-
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 […]
-
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, […]
-
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 […]
-
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 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 […]
-
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 […]
-
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 […]
-
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 […]
-
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 […]
-
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 […]