App-like Scrolling and Transitions with Ember.js and Liquid Fire

Isaac Ezer
Jan 17, 2017 · 6 min read
Screenshot of shop-201.com

Ember.js and Liquid Fire

Inspiration From Native Apps

Ember Add-ons

Ember Elsewhere Dummy App Screen Capture
Memory Scroll Dummy App Screen Capture

1. Animation in Fixed Toolbars

2. Animate the product from the list to detail page

FlyTo Screen Capture

3. Memory Scroll

Memory Scroll Screen Capture
.liquid-container, .liquid-child {
width: 100%;
height: 100%;
}

4. Delayed Animations

Wrapping Up

Further Reading

Isaac Ezer

Written by

Ember.js coder living in New York. Lindy hopper and jazz addict.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade