Vue in Motion - Rachel Nabors - VueConf US 2018
2,116 views · Published 13 April 2018 · 35:38 · Indexed 29 September 2026
Channel: Vue Mastery · 2018 · Science & Technology
Learning a JavaScript framework can look intimidating if you come from a traditional design background. But Vue has some of the best features for designing with motion. Come see how to translate your motion design into Vue-powered prototypes! More information here: https://www.vuemastery.com/conferences/vueconf-2018/vue-in-motion-rachel-nabors Subscribe to our YouTube Channel: https://www.youtube.com/vuemastery Follow us on Twitter: https://twitter.com/vuemastery Like us on Facebook: https://facebook.com/vuemastery Follow us on Instagram: https://instagram.com/vuemastery 0:00 Introduction 2:31 Animation is necessary 4:02 CSS Transitions 6:09 Anatomy of Vue Animations 7:48 Hooks for Animating with CSS 12:38 Transition Groups 15:23 Managing toggling elements 18:56 Animating static elements 21:20 JavaScript Animation Hooks 26:22 Accessible Animations 30:27 DIY Animation Controls 33:58 What about JavaScript?
More from this channel
-
31:49
Create an Engaging Native Mobile App with Vue and NativeScript - Jen Looper - VueConf US 2018
-
9:15
Reactivity - Learning by Accident with Jeff Schenck
-
7:49
40 Hour Plan For UX Proficiency with Jacob Covey
-
6:22
Ionic and Vue by Mike Hartington
-
3:25
Dynamic Store Modules with Vuex by Adam Bradford
-
46:16
Why Vue Cli Needed a UI and What You Can do With it by Guillaume Chau
-
44:16
Human vs AI: Build a Mobile App with Vue.js, ML Kit, and NativeScript by Jen Looper
-
7:25
VUECONF TORONTO 2018 | Design Systems in Vue with Benjamin Michoux