Web Development

I’ll admit, when container queries first shipped back in 2022, I didn’t really pay attention. I mean, why container size queries when we already have media queries? Why container style queries when custom properties inherit anyway (they don’t work with standard properties… yet)? Their use cases seemed like edge cases to me, enabling us to […]

UI design in 2026 isn’t about prettier screens — it’s about reducing friction users can’t explain but instantly feel. As AI, accessibility, and system complexity collide, the best interfaces are the ones that think **less**, not more. This guide breaks down what actually matters now — and why most “modern” UIs are quietly getting it

The CSS animation-timeline property accepts a view() function which, in turn, returns a timeline of how much of an element is visible in the part of a scroll container that’s viewable (formally known as a scrollport). In other words, rather than letting an animation run a linear progression based on how much time has elapsed,

Adobe Express used to be a joke — now it might be the smartest design tool you’re ignoring. After years of playing catch-up to Canva, it’s quietly evolved into a fast, AI-powered platform that actually feels good to use. If you wrote it off before, it might be time to open that tab again —

The Chrome Dev Team recaps the new CSS features that shipped in Google Chrome this past year in one amazingly designed webpage. They cover new functionality for creating more customizable components, next-gen interactions, and optimizing ergonomics. We’ve been tracking many of these features as well: The Interest Invoker API and Invoker Commands enable us to

From Adam, prototyped in Chrome Canary 145: h1 { text-grow: per-line scale; } Danny discussed this a while back when looking at different approaches for fitting text to a container, spelling out the syntax (text-shrink included) that you can find in Roma Komarov’s explainer: text-grow: <fit-target> <fit-method>? <length>?; text-shrink: <fit-target> <fit-method>? <length>?; <fit-target> per-line: For text-grow,

I would like to tell you what I learned from a five-year old child about HTML and CSS. Just when I opened my code editor and browser and began writing basic HTML boilerplate, my niece walked in. She is tiny and normally very loud, but was standing quietly next to my desk on this particular