Web Animation Workshops Resources

This repo houses resources for Web Animation Workshops

###Authors: Sarah Drasner and Val Head

We'll be using codepen for both the teaching demos and the homework so that we can get you up and running faster. For sections covering React-Motion, it may make more sense to use Create-React-App so that your workflow more closely mirrors development, but that decision is up to you.

##Slides:

• Classic animation principles worth stealing
• Principles of UI/UX animation
• Essentials of CSS animation
• Basics of TweenMax & TimelineMax
• SVG workflow and optimization
• SVG animation
• The Web Animation API
• Web Animation Performance
• Animating with React

Password to all decks is WAW!

##Codepen Collections:

• CSS Excercises
• SVG Animation and GreenSock

##Our Twitter Contact Info

• Sarah Drasner
• Val Head