I didn't get a chance to hit the pumpkin patch this year, so I missed out on seeing any corn mazes. To make up for it, I decided to make some mazes of my own! Being a programmer, I over-engineered it and built a random maze generator!

It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it all down and make sense of them, so that you can start using them in your work.

Recently, I got a request for a CSS-only drawer with “drag” support on mobile. This is tricky, but newer APIs like Popover make clever solutions possible. For example, morphing desktop navigation into a mobile drawer. So far can we get with some of these cutting-edge APIs?

If you don’t layer your reset, it might suddenly start taking precedence over other layered styles. You might not be using @layer today, but wouldn’t it be nice to leave the option open for yourself (or third-party styles, like from a browser extension) in the future?

I really dislike accessibility overlays and am often asked about my thoughts or to implement one. This is my email response when that discussion gets serious.