Animation

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