// writing
Posts tagged #animation
A mix of technical deep-dives, career reflections, and dispatches from the road.
tag: #animation
developmentJul 27, 2026· 4 min
CSS sibling-index() and sibling-count(): Native Staggering Without nth-child Hacks
CSS sibling-index() and sibling-count() turn an element's position into a number you can drop into calc(), replacing walls of nth-child rules and inline JavaScript for staggered animations and math-driven layouts.
read more →
developmentJul 26, 2026· 4 min
Animate to height: auto in CSS with interpolate-size and calc-size()
Transitioning an element to height: auto used to mean JavaScript measurements or fragile max-height hacks. interpolate-size and calc-size() finally make it a one-line CSS opt-in.
read more →
developmentJun 22, 2026· 4 min
CSS @property: Typed, Animatable Custom Properties
Unregistered CSS custom properties can't animate — they just snap. @property fixes that by giving the browser a type, a default, and an inheritance rule, unlocking smooth transitions for gradients, counters, and design tokens.
read more →
developmentJun 15, 2026· 4 min
CSS @starting-style: Animate Elements as They Enter the DOM
The @starting-style rule gives CSS transitions a starting point when elements first appear, enabling smooth entry animations from display:none or fresh DOM insertion — no JavaScript required.
read more →
developmentDec 29, 2025· 3 min
The View Transitions API: Smooth Page Animations Without a Framework
The View Transitions API lets you animate between page states with just a few lines of CSS and JavaScript. Here's how it works and where it shines.
read more →
// the newsletter