Web Animations API: полезные ссылки
Перевод статьи Web Animations API Reference с сайта danielcwilson.com, опубликовано на css-live.ru с разрешения автора — Дэна Уилсона (твиттер — @dancwilson).
В своей серии статей я изучал Web Animations API, чтобы поделиться тем, что я узнал об этом новом инструменте. Полагаю, что пришло время собрать в одном месте все обнаруженные мной ресурсы. Надеюсь, этот раздел будет часто обновляться по мере того, как люди начнут использовать и обсуждать Animations API.
Спецификация и реализации
- Спецификация W3C: насыщенная, как и все спецификации, но зато описывает API полностью.
- Статус Chrome: проверьте, что уже поддерживается в Chrome (или Opera)
- Статус Firefox: проверьте поддержку в Firefox (Nightly)
- Статус Microsoft Edge: проверьте статус Edge (и проголосуйте)
- Статус Safari/Webkit: пока ещё нет
Туториалы и ссылки
- Chrome element.animate(): первая статья (от команды Chrome), где в деталях обсуждается, как использовать API.
Ссылки на WAAPI от Рэйчел Нэйборс — одной из немногих, кто периодически говорит об этом API публично. На странице у эксперта в анимации, Рэйчел Нэйборс, есть ссылки на другие статьи. Также обращайтесь к ней в Twitter, поскольку там она частенько обсуждает #waapi, и, кажется, как никто проникла в его суть.
- Google I/O 2015 Codelab: как использовать Animations API, чтобы создать некоторые анимации для материального дизайна (подробнее о нём — прим. перев).
- Приятные плавные веб-анимации: видео от Google I/O 2014, где Google впервые по-настоящему заговорил про этот API всерьёз.
Просто… к чему заморочки?
- Введение в веб-анимации: знаменитая статья 2013 года, представляющая API, от одного из его ведущих разработчиков — Брайана Биртлеса
- WAAPI и GSAP: обсуждение, почему этот API — не замена GSAP, и на что способен каждый из этих вариантов.
Моя серия статей
- Введение
- Часть 1: создание базовой анимации
- Часть 2: Объект AnimationPlayer и управления временными функциями
- Часть 3: множественнные анимации
- Часть 4: групповые и последовательные эффекты
- Часть 5: траектории движений
- Заключение
P.S. Это тоже может быть интересно: