Motion Makes Meaning
summary
A live demo site shows a movie-style app built with Angular Animations, demonstrating query to target child elements, stagger to offset list entrances, router transitions wired via route data for page-to-page choreography, and the imperative animation-builder API producing a controllable player that can seek, reverse and sync animations. Code appears on GitHub and animationsftw.in, the examples run in the browser, and the sequences reliably coordinate insertion, removal and parallel versus serial timing.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:10Importance of animations
- 3:50Setting up the demo
- 5:14Angular animation basics
- 10:40Advanced querying and effects
- 14:52Routing animations
- 18:51Component-level animation
- 19:41Programmatic control
- 22:28Conclusion and resources
related talks
25mElegance of Movement with reactive Angular Animations
45mImplementing Motion using Angular
18mYet another way to animate in Angular
27mElegance of Movement with Reactive Angular Animations
32mReactive Animations Using Angular
44mLively Applications with Angular Animations
26mAdvanced Angular Animations
13mBringing Angular to Life with Animations