The best place to start learning about the Web Animations API is the documentation I wrote for MDN on a Mozilla Foundation grant. Specifically check out the getting started with the Web Animations API guide and familiarize yourself with the core WAAPI concepts.
- Alice in Web Animations API Land (recording and slides) is an introduction to the API via cute Alice in Wonderland demos.
- State of the Animation (recording and slides) is all about where the Web Animations API came from and what it means for the Web.
- The Web in Motion (recording and slides) gets into how animation specifically is a big deal for building the Web forward.
- The Alice in Web Animations API Land demo collection on CodePen
- Some more official Web Animations API demos
How to give feedback
- On the Web Animation API’s github repository (preferred by the W3C community)
- Email firstname.lastname@example.org with subject beginning “[web-animations] … ”
- On IRC: irc.w3.org#webanimations
- On the Animation at Work Slack’s #WAAPI channel.
The MDN documentation provides the most up-to-date, granular, and accurate feature support information. As of February 2017, features are rolling out piecemeal in FireFox, Chrome and Opera, and Safari’s developer preview. Edge has moved it into their to-do list.
There is a polyfill for unsupported features and browsers like Edge and Safari.
Beware: Our beloved CanIUse.com is not a reliable source for compatibility as it does not report in detail on which features are implemented in which browsers. There is a manual test you can do yourself just to be sure.
Want to talk web animations?
And of course, if you want to talk about Web animation or need help wrangling it, shoot me an email!