A link repo of links and animation frameworks. (WIP)
25 Useful Web Animation Tools 2017
Illusion of Life - 12 Principles
Animation Principles for the Web (related to 12 Principles of Disney
Codepen of Animation Principles
Web Animation Weekly CSS Animation Weekly Codepen Spark
Designing Interface Animation by Val Head
Animation at Work by Rachel Nabors
- SpiritApp
- GSAP
- WAAPI
- Snap.svg
- SVG.js
- Velocity.js
- D3.js
- Animista
- Just Animate 2
- [https://gibbok.github.io/animatelo/](Animatelo - preview web animations)
[https://www.heartinternet.uk/blog/should-you-use-css-or-javascript-for-web-animations/](CSS vs Javascript for Animations)
[https://css-tricks.com/making-css-animations-feel-natural/](Making Animations Feel Natural)
[https://css-tricks.com/repeatable-staggered-animation-three-ways-sass-gsap-web-animations-api/](Repeatable Staggered Animations 3 ways - SAP, SASS, Web Animations API)
Creating Usability with Motion: The UX in Motion Manifesto
Designing for the Appearance of Speed
Creating Usability with Motion
How to Analyze Usability from Motion
[https://css-tricks.com/animate-images-and-videos-with-curtains-js/](Animate Images and Videos with curtains.js)
[https://codeburst.io/a-guide-to-css-animation-part-1-8777f5beb1f8](A Guide to CSS Animations Part 1)
[https://codeburst.io/a-guide-to-css-animation-part-2-2cd422f78567](Guide to CSS Animation Part 2)
[https://codeburst.io/a-guide-to-css-animation-part-3-2e497110119](Guide to CSS Animation Part 3)
[http://devtuts.online/css-animation-tutorial/](Beginner CSS Animation Tutorial from Devtuts)
Animation Interaction Techniques with WebGL
GPS Creative Getting Started with CSS Animation
Animation Interaction Techniques
Angular Web Animations Deep Dive
How to Achieve 60 fps animations with css3
CSS Tricks: Repeatable, Staggered Animation Three Ways: Sass, GSAP and Web Animations API
Understand the 12 Principles of Animation
Animation at Work
- Sarah Drasner
- Val Head()
- Rachel Nabors
- CSS Tricks