Sponsor
Frontend Weekly
The best articles, links and news related to Frontend Development delivered once a week to your inbox.
Tip
Liquid Fire is a great ember addon that allows you easily animate your UI. Install it with:
1 |
ember install liquid-fire |
Let’s create 2 routes to test this.
ember g route blue
ember g route red
Change {{outlet}} to {{liquid-outlet}} in your hbs templates
Create a file trasitions.js in the root of your app (next router.js) and add this example transition to it
See it in action at http://emberdaily-tip11.pubstorm.site or checkout the results in the animated gif.
Links
Github repo at https://github.com/ember-animation/liquid-fire
Documentation at http://ember-animation.github.io/liquid-fire/
That’s it for today!
Let me know what you think of today’s tip. Thanks.