The Web in Motion
summary
Shows that animation reduces cognitive load by offloading state changes to perception and demonstrates concrete tools: the Web Animations API (with a Google polyfill and MDN docs), libraries like GreenSock, Snap.svg, d3 and WebGL, and prototyping tools such as InVision, Principle and Framer.js. Cites usage data — 37% of sites include animation and ~51% use transitions — and gives runnable examples (synchronized timelines, playback rate control, seekable animations) and practical artifacts (storyboards, animatics, coded prototypes) that actually work in browsers.
AI-written summary · about
chapters (9)
- 0:00App vs site experience
- 5:57The science of animation
- 12:04Human cognition and design
- 15:31Animacy and attention
- 20:23History of web animation
- 25:06Web animations API
- 27:43Modern animation tools
- 34:55New design processes
- 40:15Prototyping and the future
