Neon-animated pages -- Polycasts #25
Why Stack Overflow recommends it
Stack Overflow users link it when answering questions about Polymer's neon-animation and neon-animated-pages, as a clear walkthrough of the element.
Recommended by 3 people across 3 different months, 2015 to 2016.
What it is
Episode 25 of Google's Polycasts series, presented by Rob Dodson, showing how to use Polymer's neon-animated-pages element to animate transitions between pages. It builds on earlier episodes about behaviors, neon-animations and iron-pages, and links to a demo repo and the official docs.
What people said
Strong rec jean Pokou · 2015-10 · Stack Overflow · on “Polymer Custom Animations”
There is an element for that! it is called neon-animation, you can find it in the Polymer's Catalog : neon-animations [LINK] neon animations provide pre-defined animations you can use in your web app, but first you need to understand the concept of web animation in the Polymer world. There is no better tutorial than these three videos on animations done by Rob Dodson: Behaviours [LINK] Slick Web Animations [LINK] neon-Animated Pages [this video] Its recommended, no its vital you watch them in order
Recommends Ben Thomas · 2015-12 · Stack Overflow · on “animate from list to detail with background in header”
Two good places to start are this [this video] video on `neon-animated-pages` and this [LINK] video on `neon-animation`.
Recommends James Hurford · 2016-04 · Stack Overflow · on “How do I get neon-animation to work in Polymer Dart 1.0”
You asked for a link to a tutorial for the JavaScript version. Here's one [this video] and here's another [LINK] There are others, but Rob Dodson does a good job of covering what you need to know.
Cites Let Me Tink About It · 2015-09 · Stack Overflow · on “<neon-animated-pages> does not work with <paper-tabs>?”
Question It is not possible to use <paper-tabs> inside a custom element to [[select]] <neon-animated-pages> right now. Correct? The comment by @FelixEdlemann [LINK] : But I still didn't find a solution for using neon-animated-pages in combination with paper-tabs. on this Youtube video by @RobDodson [this video] seems to support my experience that using <paper-tabs> (inside a custom element) breaks <neon-animated-pages> right now. Please provide working example. If I'm wrong. And if it is possible to use <paper-tabs> to [[select]] <neon-animated-pages> , could somebody please post a working example? My proof of this theory is that simply changing only the <iron-pages> element to <neon-animated-pag
Cites Marcos Galaviz · 2016-02 · Stack Overflow · on “Polymer Starter Kit with neon-animated-pages”
I just see the great polycasts #25: [this video] That works fine but i want to use something similar with Polymer Starter Kit, but in PSK they use iron-pages with routes (which I think are best practices, aren't they?) but I am so rookie :(, and I can't combine iron-pages with neon-animated-pages :( ¿do you have an example or manual to implement that? Thanks a lot ....