Animation
The difference between an interface that moves and one that breathes.
Developing animation taste
The gap between knowing the API and knowing when to use it
When to animate
Frequent interactions should never animate. Here's why.
Easing
Why ease-in feels broken and ease-out feels right
Duration & asymmetric timing
Slower entrances, faster exits, and the exceptions to both
Physics-based motion
Why springs feel better than cubic-bezier curves
Spatial & directional motion
Where an element comes from matters as much as where it goes
Component patterns
Every component has a motion vocabulary. Most ship without one.
Gesture & drag
Teaching your UI to understand flicks, swipes, and drags
clip-path techniques
Animations you can build with clip-path and zero JavaScript
Accessibility & performance
For some users, your animation is a medical event. Respect that.
Stagger & entrance sequences
The difference between elements appearing and elements arriving
Scroll animations
Scroll-driven motion with restraint, not parallax for its own sake