LET'S ANIMATE THE WEB WITHOUT THE HEADACHE!
@SamuelSnopko
www.samuelsnopko.com
A guide into the transitions & animations with VueJS/NuxtJS
Webexpo 2019, Prague
21.09.2019
It's a trap
👨🏼💻 FrontEnd Knight & DesignOps
Star Wars Fan
👽 Freelancer @ night
🥑 Storyblok / VueJS / NuxtJS
🎤 Speaker
🍻 Meetups Organiser
@SamuelSnopko
👨🏼💻 STRG.AT @ day
Little tasting
@SamuelSnopko
Basics & Theory
- CSS 3 Transition & Animation
@SamuelSnopko
Transition Experiments
- Default Page Transitions
- Back to Intro Transition
- Preloader Transition
@SamuelSnopko
Schrift Bewegt
- After Effects
- Bodymovin
- Math
@SamuelSnopko
Code samples
- Lottie Component
- Hero Animation
- Vue Affix
- Vue Check View
- Pizza Animation
@SamuelSnopko
the LINK
Bonus Links
@SamuelSnopko
... and let's animate the web
Thanks
@samuelsnopko
samuelsnopko.com
https://cutt.ly/animate-without-headache
LET'S ANIMATE THE WEB WITHOUT THE HEADACHE!
By Samuel Snopko
LET'S ANIMATE THE WEB WITHOUT THE HEADACHE!
How to animate VueJS & NuxtJS for WebExpo 2019.
- 709