SiteMotion & Animation · Motion references
Personal site of a Chrome CSS advocate publishing modern CSS motion techniques, scroll-driven animation demos and interaction experiments.
Why it’s a gem
Sees platform motion features before shipping; demos are always copy-pasteable.
Course on web animation theory and implementation covering easing choice, duration, orchestration and performance, taught through interactive lessons.
Paid interactive reference manual on interaction detail — motion choreography, inferring intent, simulating physics — with downloadable React prototypes.
Interactive atlas of 65 authored CSS and SVG motion patterns plus studies on particles, springs, reaction-diffusion and gesture-to-easing.
Essay breaking down what separates animations that feel good from ones that feel wrong, with side-by-side interactive comparisons.
Reference mapping each CSS property to whether changing it causes layout, paint or composite work in each browser engine.
Newsletter of long-form UI craft write-ups covering scroll-driven animation, CSS motion tricks and interaction detail, with live demos.