Веб-разработка: анимации (css, js, библиотеки)

Автор: Эржан Торокулов, Principal Engineer в компании Toptal (Core team)
На вебинаре рассмотрим:
- Введение в анимации в вебе
- Анимации в CSS
- CSS Transitions + примеры
- CSS Animations + примеры
- Анимации в JS
- requestAnimationFrame + примеры
- Web Animation API + примеры
- Вопрос/ответ
- Бонус: библиотеки для анимаций

Занятие рассчитано на новичков.
После вебинара у вас будут исходники, с которыми вы сможете поработать самостоятельно.

Подпишитесь на канал и поставьте напоминание, чтобы не пропустить.

Таймкоды:
0:00 Начало
02:50 О себе
03:20 Маршрут вебинара
04:04 Зачем использовать анимации
04:47 Виды анимации
06:37 CSS Transitions
10:30 Пример CSS Transitions
16:30 CSS Animations
23:15 Пример CSS Animations
26:43 JS анимации
27:28 requestAnimationFrame
32:09 Приме requestAnimationFrame
41:12 Web Animations API
47:07 Примеры Web Animations API
54:55 Итоги
56:26 Бонус. Библиотеки для анимации
1:13:24 Другие библиотеки
1:15:45 Ответы на вопросы

[loftblog]

Всем привет!
Таймкоды:
0:00 Начало
02:50 О себе
03:20 Маршрут вебинара
04:04 Зачем использовать анимации
04:47 Виды анимации
06:37 CSS Transitions
10:30 Пример CSS Transitions
16:30 CSS Animations
23:15 Пример CSS Animations
26:43 JS анимации
27:28 requestAnimationFrame
32:09 Приме requestAnimationFrame
41:12 Web Animations API
47:07 Примеры Web Animations API
54:55 Итоги
56:26 Бонус. Библиотеки для анимации
59:09 Animate.css
1:02:48 Hover.css

[alsi_k]

Это клад информации, спасибо большое!

[night_crimean]

Полезное видео. Будет ли вебинар по WebGl?

[annamets]

Классно!
А почему может не работать ${size}px в Web Animations API? Там ещё подключено что-то?