Web Development

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

Blogging isn’t dead—it just got weird, broke up with Google, and joined a Substack cult. From SEO zombie posts to AI-written filler, we’ve lost the soul of writing—but the rebellion has already started. If you’ve got something real to say, now’s the time to blog like it’s 2004 (but with better fonts).