CSS Custom Properties, Media Queries, And Responsive Design

One thing you can do with CSS custom properties that you can’t do with variables in preprocessors is redefine them and assign new values inside @media queries. It’s a useful ability to have and one more reason why you’d want to work with what are effectively native CSS variables.

Continue reading

What Does It Really Mean To Design In The Browser?

What does it mean to design in the browser? You often hear the phrase connected to responsive design and I’ve talked about it myself a few times. What does it really mean though, and why do you see so many people push back against the idea of designing in a browser?

Continue reading

Stop Calling It Responsive Design—It’s Web Design

If I ask what is responsive design what do you think about? Relative measurements like % and em over absolute measurements like px? Do you think of breakpoints? High resolution images, the picture element, and srcset? Maybe you think about deliverables in the browser or site performance on mobile devices.

Continue reading

Thoughts About Responsive Navigation On Mobile Devices

One of the things I think about a lot as a web designer is how to organize content and how to create navigation to it. I assume you think about it a lot as well. With every site I think about what kind of system will help visitors move about and find what they’re looking for.

Continue reading

Responsive Images Demo—Srcset, Picture, and Image-Set

It’s one thing to understand how to do something and another to actually do it. For the last few weeks I’ve been talking about responsive images, specifically the srcset attribute, the picture element, and the image-set() value on the background-image property. Along the way I promised a demo, which I’m presenting today.

Continue reading