/animationlinks

A link repo of links and animation frameworks.

animationlinks

A link repo of links and animation frameworks. (WIP)

Reference Sites / Utils

CSS Animation Rocks

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

ng-animate

Easings Visualizer

GSAP Easing Visualizer

Keyframes Visualizer

Newsletters

Web Animation Weekly CSS Animation Weekly Codepen Spark

Books

Designing Interface Animation by Val Head

Animation at Work by Rachel Nabors

Frameworks/Web apps

Articles

Smooth CSS 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)

Delightful CSS Animation

Creating Usability with Motion: The UX in Motion Manifesto

Designing for the Appearance of Speed

Creating Usability with Motion

CSS Animations vs WAAPI

How to Analyze Usability from Motion

Tutorials

[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

Frame by Frame Animation

Angular Web Animations Deep Dive

Achieving 60 FPS

Animated CSS Loader

How to Achieve 60 fps animations with css3

CSS Tricks: Repeatable, Staggered Animation Three Ways: Sass, GSAP and Web Animations API

Masking vs. Clipping

Understand the 12 Principles of Animation

Slack Channels

Animation at Work

People to Follow

Inspirational sites

And.co/Slash Workers

Climber.io Portfolio

Acuiting Scheduling

Podcasts/videos

Sarah Drasner on Versioning Show 6/13/17

Val Head - Designing Meaningful Animation