Animations and Transitions in an Ember App
summary
Shows concrete techniques for animations in Ember: reusable components like animate-changes, measured-box and growing-box, an animated-iffer helper, and using willTransition to delay route changes so exit animations run. Builds the demo slides as an Ember app with Ember CLI and Broccoli and packages the production app in PhoneGap; it runs on iPad with native-app-like performance after fixes for accelerated contexts and stray event handlers. Claims integration-test friendliness and real, working examples.
AI-written summary · about
chapters (10)
- 0:00Ember animations intro
- 1:47Why animations matter
- 3:52Physical metaphors
- 7:46Single route animations
- 13:03Measuring element sizes
- 16:13Route transitions
- 21:51Modals and query params
- 24:23Model changes and reuse
- 28:16Mobile animation tips
- 31:25Q&A
