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 what is found here, but the best way to see what is in there is to try it out
- Chrome Status: Check what is natively supported in Chrome (and Opera)
- Firefox Status: Check support in Firefox (Nightly)
- Microsoft Edge Status: Check Edge status (and vote)
- Safari/Webkit Status: None yet
Tutorials & Reference
- Chrome element.animate(): The first article that discussed in any detail how to use the API, from the Chrome team
- 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, and she has extra insight it appears...
- 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