In memory of Saber Rastikerdar — creator of · Vazirmatn, the open typeface he gave the Persian web and asked nothing for.
Skip to content

Animation & Motion

Motion as an engineering concern: performant, purposeful, accessible.

Part: 04 · Interface Engineering · Priority: High

Taxonomy

Second-level groups and their articles. Each article is a standalone entry following the template; its filename is the kebab-case form of the title.

Motion Principles

  • Easing & Timing
  • Choreography & Sequencing
  • Purposeful Motion

Techniques

  • CSS Transitions
  • CSS Animations & Keyframes
  • The Web Animations API
  • The View Transitions API
  • Spring & Physics Animation

Performance

  • Compositor-Only Properties
  • Avoiding Layout Thrash
  • The FLIP Technique

Interaction Motion

  • Gesture-Driven Animation
  • Scroll-Linked Animation
  • Shared-Element Transitions

Index only. One canonical home per concept — overlapping ideas are owned here and cross-linked from other domains, never duplicated.

Peer-reviewed engineering decisions · MIT licensed