Ethan's Interview

How do you find working with clients these days? Is responsive something that you have to sell in any more or does everyone get it now?

As it happens, I just restarted my design practice in January, so this question’s timely!

Generally speaking, most of the work I do is less focused on selling folks on a responsive approach, and more on helping them with implementing it effectively. That might involve hands-on design or front-end work, sure. But in more recent years, more of my time’s spent helping teams to define (or refine) the design system that shapes their responsive products.

In both cases, though, that usually involves looking at how the work happens internally. My projects still involve producing artifacts—like building responsive layouts, or creating a library of reusable design patterns—but I’m doing more work thinking about the broader organizational context those artifacts have to live in. And most of the time, that’s the real system we’re designing for.
 

What is it that you find the hardest when speaking with clients from a site design/build point of view, and how do you go about explaining why it is important?

I’ve written about this elsewhere, but it often comes down to a few words:

“Mobile, tablet, and desktop.”

Now, these are perfectly fine words! But they tend to conceal a lot of assumptions about how to design and build for the web. “Desktop” doesn’t mean someone necessarily wants a denser, more crowded interface, nor does it mean they’re on wifi. And “mobile” doesn’t always mean a touchscreen, nor does it mean reliable 4G speeds—nor does it mean someone can see the screen like I can.

It feels like a small point, I know. But if we’re going to design a web that works for everyone, everywhere, then we need to look beyond some of these shorthand device categories—and beyond our own biases—which can hinder more than they help.
 

So much has changed since your eureka moment, what are your go to implementation methods for responsive sites? How do you handle layout, typography, images, video etc?

For me, the broad strokes haven’t changed much since the original article: every responsive design still has a fluid grid, flexible media, and media queries.

But my goodness, the details have changed in a million different, wonderful ways. CSS Grid and flexbox are new since the article, and remarkable—as are responsive images, variable fonts, CSS custom properties, and on, and on. Not just in terms of how they’ve changed the way I build layouts for the web, but I find they’re (slowly, gradually) rewiring the way I think about design for the web. It’s been a slow, long, rewarding journey.

What are the top three issues you're still facing when building a responsive site?

1. The web is a woefully, horribly inaccessible place, and every working web professional needs to do their part to fix it.
2. I dearly, desperately would like container queries.
3. See item #1.

We started off with lots of m.dot.sites when mobile arrived. Google was a huge part of changing that approach by saying that all content should be found on a single URL. One true source. In recent years Google have incentivized the AMP Framework as a way to provide a new/better experience to mobile users. What are your thoughts?

I think Google AMP is yet another sign that our industry desperately needs proper regulatory oversight.

Look, I firmly believe that the web is far too slow for far too many people. But let’s be clear: in addition to bringing back the device-fragmented, “m-dot” experience of yore, AMP doesn’t really make the web faster. Companies are choosing AMP because Google integrated it into their search results. They can’t possibly refuse the promise of better search placement. Put another way: they can’t possibly refuse Google.

This is, in a nutshell, the problem: AMP wouldn’t exist without its proprietary integration into Google’s search results. That’s why I believe AMP represents an abuse of Google’s dominant position in the marketplace

Prediction time. What are we going to see towards the end of 2020 and into 2021?

There’s one thing that gives me hope in these weird, bleak times: the push for greater workplace organization. After victories at Kickstarter and at Glitch, our industry has its first two unionized tech companies of the modern era. And from the Google walkout to strikes at Instacart and Amazon, tech workers are banding together to address inequality in their workplaces, and to protect each other. This kind of solidarity is incredibly inspiring, and I can’t wait to see where it takes us next.

…oh, uh, and I hope we’ll have two working subgrid implementations. Container queries would be marvelous, too.

Thank you so much for your time, if our readers want to learn more from you where can they track you down?

Thank you for asking! I’m available on Twitter as @beep. I also run the @RWD account, where I post responsive-related stuff. But the best place to keep tabs with what I’m doing is on my site, ethanmarcotte.com.

And thank you so much for taking a few minutes to chat, Justin! It was a real pleasure to speak with you, as always. Hope to do it again soon.

Sponsor

40% off at Manning.com

Ire's Interview

So much has changed since your Ethan's eureka moment, what are your go to implementation methods for responsive sites? How do you handle layout, typography, images, video etc?

Even though I usually start by developing the desktop version of a website, my CSS implementation is always mobile-first. This means that the default state of my CSS and HTML, without any media queries or additional code, is the mobile design. I do this by making sure the layout makes sense on mobile, even if CSS is not loaded at all. My media queries are always targeting larger devices (i.e. min-width instead of max-width). Any media defaults to the lowest size/resolution, using the srcset attribute or the picture element with various sizes in order to provide assets for larger devices.
 

What are the top three issues you're still facing when building a responsive site?

We started off with lots of m.dot.sites when mobile arrived. Google was a huge part of changing that approach by saying that all content should be found on a single URL. One true source. In recent years Google have incentivized the AMP Framework as a way to provide a new/better experience to mobile users. What are your thoughts?

As a business/product owner, what is the most frustrating thing you find trying to take a product out across today’s diverse device landscape?

Thank you so much for your time, if our readers want to learn more from you where can they track you down?

You’re welcome! You can find me at @ireaderinokun on Twitter. And my blog is https://bitsofco.de

Finally

Cheers,

Justin.