Web Animations API Reference
I've been exploring the Web Animations API in a series of articles to share what I've learned from this new tool. I figured it was high time I tracked all of the resources I have found in one place. Hopefully this section will be updated often as more people start working with the Animations API and discussing it.
The Spec & Implementations
- W3C Specification: Dense as all specs are, but this is what shows the API at its fullest
- Web Animations API Polyfill: The README covers some basics, but the best way to see what is in there is to try it out
- Chrome Status: Also shows Opera info
- Firefox Status: Focuses on Firefox Nightly
- Microsoft Edge Status (you can vote)
- Safari/Webkit Status
Tutorials & Reference
- Animating Like You Just Don't Care: From Mozilla's Brian Birtles, showing when and why to use the API
- Rachel Nabors WAAPI Reference: One of the few people publicly speaking about the API with any regularity, animation expert Rachel Nabors has this page linking to other articles. Also follow her on Twitter as she speaks about the #waapi often there
- MDN documentation: Rachel also has a great write up and worked on the docs at MDN
- CSS Animations vs the Web Animations API: A Case Study: A solid comparison with CSS animations on bitsofco.de
- Google I/O 2015 Codelab: How to use the animations API to create some Material Design animations
- Silky Smooth Web Animations: Video from Google I/O 2014 where Google first really started talking about the API in earnest
Simply... Why Bother?
- Introducing Web Animations: Great 2013 post introducing the API from one of its lead drivers, Brian Birtles
- WAAPI and GSAP: Discussion on how the API is not a replacement for GSAP and what each option provides