|
2 | 2 |
|
3 | 3 | This repo houses resources for Web Animation Workshops
|
4 | 4 |
|
5 |
| -###Authors: Sarah Drasner and Val Head |
| 5 | +### Authors: Sarah Drasner and Val Head |
6 | 6 |
|
7 | 7 | 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.
|
8 | 8 |
|
9 |
| -##Slides: |
10 |
| -* [Introduction](http://slides.com/vlh/sfintro?token=iCyyEVss) |
11 |
| -* [Classic animation principles worth stealing](https://www.slideshare.net/secret/1yK01w1F4bNpNz) |
12 |
| -* [Principles of UI/UX animation](http://slides.com/sdrasner/waw-principles-ux?token=258_EYo8) |
| 9 | +_Password to all decks is WAW!_ |
| 10 | + |
| 11 | +## Slides: |
| 12 | +* [Introduction](http://slides.com/vlh/waw-intro?token=eE_f3_XU) |
13 | 13 | * [Essentials of CSS animation](http://slides.com/vlh/waw-cssanimation?token=emxTzAcD)
|
14 | 14 | * [Basics of TweenMax & TimelineMax](http://slides.com/sdrasner/waw-gsap?token=rg606T3G)
|
15 |
| -* [SVG workflow and optimization](http://slides.com/vlh/waw-svgworkflow?token=V4aSNC9y) |
| 15 | +* [Classic animation principles worth stealing](https://www.slideshare.net/secret/1yK01w1F4bNpNz) |
16 | 16 | * [SVG animation](http://slides.com/sdrasner/waw-svg-animation?token=D-wwuju5)
|
| 17 | + |
| 18 | +## Further Slide Resources: |
| 19 | +* [Principles of UI/UX animation](http://slides.com/sdrasner/waw-principles-ux?token=258_EYo8) |
| 20 | +* [SVG workflow and optimization](http://slides.com/vlh/waw-svgworkflow?token=V4aSNC9y) |
17 | 21 | * [The Web Animation API](http://slides.com/vlh/waw-waapi?token=wz6rRkTn)
|
18 | 22 | * [Web Animation Performance](http://slides.com/vlh/waw-webanimationperf?token=3xSwGsW5)
|
19 | 23 | * [Intro to Animating with React](http://slides.com/vlh/intro-anim-react?token=CNlmb06B#/)
|
20 | 24 | * [Animating with React cont.](http://slides.com/sdrasner/waw-react?token=Pmgv8l9k)
|
21 | 25 | * [Mo.js](http://slides.com/sdrasner/svg-workshop-mojs?token=wAkiI-Pe)
|
22 | 26 |
|
23 |
| -Password to all decks is WAW! |
24 |
| - |
25 |
| -##CodePen Collections: |
| 27 | +## CodePen Collections: |
26 | 28 | * [CSS Excercises](http://codepen.io/collection/DBLaex/)
|
27 | 29 | * [SVG Animation and GreenSock](http://codepen.io/collection/XvBQJQ/)
|
28 | 30 |
|
29 |
| -##Our Twitter Contact Info |
| 31 | +## Our Twitter Contact Info |
30 | 32 | * [Sarah Drasner](https://twitter.com/sarah_edo)
|
31 | 33 | * [Val Head](https://twitter.com/vlh)
|
0 commit comments