The Future of Web Animation

on YouTube ↗31m

" summary

Bleeding‑edge demos show native‑like page transitions built with Next-style routing, Vue single‑file components, composition hooks and the transition‑group/FLIP flow that preserves layout during navigation; a Three.js VR/AR prototype renders 360 spheres and a Chrome DevTools mockup hints at 3D responsive primitives; a voice control demo uses Microsoft Cognitive Services LUIS to map intents to live visuals and a Muse hookup is proposed so animations respond to thought — the demos run and reveal practical gaps to fill. client-side rendering page transitions

AI-written summary · about

" chapters (6)

1. 0:00Intro
2. 1:18Communication
3. 4:27Hooks
4. 9:01Page transitions
5. 12:19Transitions
6. 19:20What if

" related talks

• 31mThe Future of Web AnimationSarah Drasner · VueConf US 2019
• 39mThe Future of Web AnimationSarah Drasner · DinosaurJS 2019
• 37mThe Future of Web AnimationSarah Drasner · Full Stack Fest 2019
• 36mNext-level Vue AnimationsSarah Drasner · Vue Fes Japan 2018
• 42mThe future of web animationSarah Drasner · Cold Front 2018
• 36mVue in MotionRachel Nabors · VueConf US 2018
• 32mAnimating VueSarah Drasner · ReactiveConf 2017
• 19mView Transitions: Fact vs. FictionFred K. Schott · ViteConf 2023