Interaction Design with Ember 2.0 and Polymer
summary
An approach called ember flow claims to turn jarring state jumps into continuous, morphing transitions by combining Ember 2.0 routing with Polymer components and the Web Animations API. Demos include a live-binding pulsing circle, a hero-image morph using core animated pages, and an Ember outlet that delays teardown so coordinated transitions finish. An Ember CLI Cordova build runs these on an iPad using wk webview and Safari with smooth results Chrome shows glitches but code is on GitHub.
AI-written summary · about
chapters (13)
- 0:00Ember & Polymer integration
- 3:04Why web tools are powerful
- 4:06Ember Flow paradigm shift
- 6:08Ember & Polymer integration demo
- 7:29Web components benefits
- 9:39Web Animations API
- 10:20Live binding demo
- 13:07Polymer animated pages
- 15:39Animations on Ember routes
- 17:25iPad performance testing
- 19:55Ideal Ember & Polymer stack
- 21:41Tech community power
- 23:27Closing remarks
related talks
32mAnimations and Transitions in an Ember App
26mCreating Fluid App-Like Experiences with Ember
41mLiving Animation
34mCrafting Web Comics with Ember
28mCrafting Web Comics with Ember
32mAnimate the Web with Ember.js
31mCrafting Web Comics with Ember
46mArt and Science of Shipping Single Page Apps with Ember.js