Web Animations API: Resources, Talks, Tutorials

| Comments

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 Animation at Work Slack has an entire #WAAPI channel frequented by spec author Brian Birtles and Web Animations API enthusiasts. A great place to engage in real time conversations about the spec.

How to give feedback


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.

Edge’s API catalog features the most detailed object coverage across browsers. (There is a manual test you can do yourself just to be sure.)

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.

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!


comments powered by Disqus

Conference Schedule

Do you love web animation and digital storytelling?

Sign up for my mailing list and get updates when I post new projects, blogs, workshops, and shennigans.

Join my mailing list
Copyright © 2008 – 2019 Rachel Nabors