Writing
Notes on interface design and motion. Every post includes the live components it describes.
- Transform, Opacity, and the ExceptionsWhy the one rule of web animation works, a 3D coin and orbit that stay on the cheap path, and the one place I break it on purpose.
- Springs, Velocity, and Letting GoWhat a spring gives you that a duration can't: a carousel that keeps your fling, a meter that reacts, and a dialog that resizes to fit.
- Animating Between LayoutsHow layout and layoutId animations work, what they cost, and the details that make a tab bar, a reorder and a card-to-dialog feel continuous.
- Designing for the PointerCursor-driven effects from someone who works on an aim trainer, and what each one does when there's no cursor at all.
- CSS Gradients, RevisitedColour-space interpolation, animated borders with @property, and layered backgrounds, with demos that show the difference.
- The Boring ComponentsButtons, inputs, switches, tabs, toasts and icons: the parts that ship in every feature, and the details that make them hold up.