Web Animations — taking performance to the edge

Стоимость
Покупая видео Вы получаете полную запись события. Мы записываем трансляцию на профессиональное звуко и видео оборудование, производим чистку и монтаж. Видео-запись - это возможность получать полезный контент в любое время, в любом месте, с возможностью просмотра неограниченное количество раз

Цена

Описание

Интерфейс становится плоским, а это означает что нужно находить новый тип интерактивного взаимодействия. Если раньше "глубину" и реалистичность элемента мог обеспечить скевоморфизм — объёмные кнопки, тени и текстуры, то при плоском дизайне такую роль исполняет анимация. В тренде уменьшение количества страниц (переходов) для выполнения конкретного действия. И тут огромную роль играет анимация. Мы можем прятать элементы по необходимости и использовать многослойность. Все для того, чтобы пользователь совершил все необходимые действия на одной странице.

На практике же случается так, что одни анимации проигрываются плавно, а другие — нет. Почему так происходит, почему теряются кадры, почему возникают "тормоза" на мобильных устройствах и как работают современные браузеры (repaint, reflow, composite, GPU acceleration) — эти вопросы мы подробно расcмотрим на мастер-классе. Также поговорим о новом способе управлениями анимациями — Web Animations API 1.0.

Уровень:

- Senior

Что необходимо для участия в мастер-классе:

- умение верстать;
- хорошее понимание CSS3 transitions/animations;
- продвинутое знание Vanilla JS (ES6).

Web Animations — taking performance to the edge