Creating Fluid App-Like Experiences with Ember
summary
Ember can deliver native-feeling mobile UX without building a separate native app by using web technologies. The talk demonstrates a working demo that uses a custom gesture wrapper around Hammer.js for swipes/reach gestures, a collapsible top toolbar and sidebar, a mobile-page component to manage transitions and scroll state, and ember-animated for chrome motion; it also shows installable/splash/offline behavior but notes browser quirks, back-navigation and large-list performance still need tuning.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 1:06App-like experience needs
- 2:13Gesture wrappers & animations
- 3:36Toolbar animations & positioning
- 5:50Auto-heights & collapsible bars
- 7:15Sidebar navigation & gestures
- 9:25Standalone browser detection
- 10:10The Pain component
- 12:22Capture phase & touch events
- 14:08Pain recognition & touch events
- 15:14Transitions in mobile apps
- 16:40Mobile page component & scroll
- 18:49Responsive design & breakpoints
- 20:38Settings menu & utilities
- 21:45Transitions per device
- 22:09Progressive web apps & offline
- 23:15Ember Router challenges
- 24:20Performance optimization & closing
related talks
41mWeb, Native iOS and Native Android with one Ember js App
32mAnimations and Transitions in an Ember App
26mInteraction Design with Ember 2.0 and Polymer
26mAmbitious UX for Ambitious Apps
51mWrite once, run everywhere: ambitious cross-device web apps
29mBuilding Mobile Applications with Ember
30mPhysical Design
49mBuilding Web Applications with Ember.js