https://github.com/bencodezen/cssdevconf2017-animation-workshop
My notes from CSS Dev Conf 2017: Animation Workshop
https://github.com/bencodezen/cssdevconf2017-animation-workshop
Last synced: 7 months ago
JSON representation
My notes from CSS Dev Conf 2017: Animation Workshop
- Host: GitHub
- URL: https://github.com/bencodezen/cssdevconf2017-animation-workshop
- Owner: bencodezen
- Created: 2017-10-11T15:02:07.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-10-20T11:57:37.000Z (over 8 years ago)
- Last Synced: 2025-03-21T13:56:39.458Z (10 months ago)
- Homepage:
- Size: 10.7 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CSS Dev Conference 2017: Web Animation Workshop
> This repo was originally private since I was not sure whether the notes were allowed to be public at the time. Because Sarah and Val are awesome, they have given me permission to share these. As a result, in order to keep everything consolidated, I've moved the notes to my CSSDevConf2017 repo and all further updates will be made there. See you there!
## About
**Instructors:** Sarah Drasner & Val Head
**When:** October 11th, 2017 from 10:00AM to 5:00PM
**Where:** New Orleans, Louisiana
## Table of Contents
- General Information
- Essentials of CSS Animation w/ Val
- CSS Transforms
- CSS Transitions
- CSS Animations
- CSS Variables w/ Val
- Basics of TweenMax & TimelineMax w/ Sarah
- Introduction
- Theory: Classic Animation Principles Worth Stealing w/ Val
- Timing & Spacing
- Follow Through & Overlapping Action
- Anticipation
- Arcs
- Exaggeration
- Squash & Stretch
- Staging
- SVG Animation
## License
[](http://creativecommons.org/licenses/by-nc-sa/4.0/)
This work is licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](http://creativecommons.org/licenses/by-nc-sa/4.0/)