Slick web animations -- Polycasts #23

Channel:

Google for Developers

Subscribers:

2,510,000

Published on August 12, 2015 9:05:29 PM ● Video Link: https://www.youtube.com/watch?v=Lwvi1u4XXzc

Duration: 18:02

38,961 views

403

Web Animations are a new set of standards to unify CSS and JavaScript animations. With Web Animations you get the power of animating on the GPU while maintaining the control of working in JavaScript. But coordinating all these animations is no easy task and thankfully there’s an element for that—well a behavior actually but stay with me!

In this episode I’ll teach you how to use the neon-animation behaviors from the Polymer Element catalog to mixing slick animation behavior without the hassle of managing everything yourself. And with this knowledge we’re all setup to learn about the legendary neon-animated-pages element in a following episode.

Project source
https://github.com/Polymer/polycasts/tree/master/ep23-neon-animation/login-panel

Neon Animation Docs
https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages

Neon Animation Guide
https://elements.polymer-project.org/guides/using-neon-animations

Behaviors: https://www.youtube.com/watch?v=YrlmieL3Z0k&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=2&spfreload=10

Polymer Slack: http://bit.ly/polymerslack
Polymer G+ community: https://plus.google.com/communities/115626364525706131031

Subscribe to the Google Developers channel at: http://goo.gl/mQyv5L