Web Development

Keyframes Tokens: Standardizing Animation Across Projects

Picture this: you join a new project, dive into the codebase, and within the first few hours, you discover something frustratingly familiar. Scattered throughout the stylesheets, you find multiple @keyframes definitions for the same basic animations. Three different fade-in effects, two or three slide variations, a handful of zoom animations, and at least two different

Keyframes Tokens: Standardizing Animation Across Projects Read More »

Should We Even Have :closed?

For the past few months, I’ve been writing a lot of entries on pseudo-selectors in CSS, like ::picker() or ::checkmark. And, in the process, I noticed I tend to use the :open pseudo-selector a lot in my examples — and in my work in general. Borrowing words from the fine author of the :open entry in the Almanac: The CSS :open pseudo-selector targets

Should We Even Have :closed? Read More »