In this article, I take a typical section design and make it more dynamic with container queries, has, clamp, and grid. It’s an example of the potential of modern CSS, and this was just one section!

Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages.

There’s a new type of CSS scroll-state query coming: scrolled remembers the last direction you scrolled in, which you can use to build “hidey bars”: when scrolling down, the bar hides itself. When then scrolling back up, the bar reveals itself.

The HTML dialog element gives us powerful native modal capabilities, but creating dialogs that work well for all users still requires intentional accessibility and UX decisions.

Here’s where things get interesting — and hopeful. When I retested using prompts that included accessibility hints, the model’s output improved dramatically. Not just slightly better, but often going from fundamentally broken to genuinely accessible.