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