Where to find us

Web Animation Workshops

@webanimworkshop

webanimationworkshops.com

codepen.io/team/WAW

Val Head

@vlh

valhead.com

codepen.io/valhead/

Sarah Drasner

@sarah_edo

sarahdrasnerdesign.com

codepen.io/sdras

Day One

10:00 -11:30  Classic principles worth stealing

11:30 - 11:45  Break

11:45 - 1:00  Principles of UI/UX animation

1:00 - 2:00  Lunch

2:00 - 3:15  Essentials of CSS animation

3:15 - 3:30 Break

3:30 - 5:00 Basics of TweenMax & TimelineMax

Day Two

10:00 -11:30  SVG Workflow & optimization

11:30 - 11:45  Break

11:45 - 1:00 SVG animation

1:00 - 1:45  Lunch

1:45 - 2:30  Animating with React

2:30 - 3:00 Web Animation Performance

3:00 - 3:15 Break

3:15 - 4:30 Animating with Vue.js

4:30 - 5:00 Open review + Q&A

Things you need

• CodePen account for exercise
• Workshop github for slides

Intros!

• Your name?
• Your animation experience? 
• What you're looking to get out of this workshop?