Вебинары

Как добиться качественной анимации сайта на всех устройствах
Смотреть вебинар

Рекомендуемые

Способы создания сетки: float, inline-block, flex, grid
Через 5 д 10 ч 56 м
Чт, 09 июля, 13:00 MSK

Способы создания сетки: float, inline-block, flex, grid

Мария Коршунова
  • 4
  • 0
  • 0
Знакомство с библиотеками SnapKit и LayoutKit. Вёрстка из кода

Знакомство с библиотеками SnapKit и LayoutKit. Вёрстка из кода

Евгений Семёнов
  • 591
  • 0
  • 1
Разбираемся с пользовательскими директивами во Vue

Разбираемся с пользовательскими директивами во Vue

Владимир Мыльцев
  • 799
  • 1
  • 1
Vue + Laravel. Разработка SPA-приложения

Vue + Laravel. Разработка SPA-приложения

Станислав Бойко
  • 2854
  • 7
  • 8
Основные возможности и архитектура фреймворка Nuxt.js

Основные возможности и архитектура фреймворка Nuxt.js

Филипп Васильев
  • 1528
  • 3
  • 4
Введение во Vue.js. Пишем свое первое приложение

Введение во Vue.js. Пишем свое первое приложение

Дмитрий Зайцев
  • 2412
  • 3
  • 6
Server Side Rendering: современные тенденции веб-разработки

Server Side Rendering: современные тенденции веб-разработки

Александр Погорелов
  • 1238
  • 1
  • 3
Инструменты разработчика на JavaScript

Инструменты разработчика на JavaScript

Василий Петров
  • 3027
  • 3
  • 14
Javascript WebWorkers. Когда одного потока уже мало

Javascript WebWorkers. Когда одного потока уже мало

Иван Холстов
  • 1402
  • 19
  • 1
Типы данных в языке JavaScript

Типы данных в языке JavaScript

Санжар Исмаилов
  • 4722
  • 31
  • 14
Серверный рендеринг в вебе

Серверный рендеринг в вебе

Эдуард Исполатов
  • 4316
  • 2
  • 5
Применяем JavaScript по прямому назначению: делаем игру о круге, кушающем точки и фрукты

Применяем JavaScript по прямому назначению: делаем игру о круге, кушающем точки и фрукты

Иван Попелышев
  • 6317
  • 21
  • 16

Как добиться качественной анимации сайта на всех устройствах

Thumb Ведущий:Дмитрий Рябов
  • 3731
  • 8
  • 11

Анимация на JS + CSS кажется весьма простой. До того момента, пока мы не захотим создать большое количество движений на странице. Или пока не начнем анимировать мобильную версию сайта и не столкнемся с нехваткой ресурсов устройства. В таких случаях нам понадобятся технологии, о которых я вам расскажу.

На вебинаре мы обсудим:

  • Как добиться стабильных 60 FPS для своей анимации.
  • Что такое метод FLIP и почему это "must use" для всех frontend-разработчиков.
  • Зачем выделять элементы в отдельные слои.
  • Как Chrome DevTools помогает режиссировать анимацию.
flip, frontend, frontend_developer, js, css, мобильная версия сайта
Хит
Frontend-разработчик
Профессиональная верстка сайтов по современным стандартам
Small
Участники 367
3627ddf08763568b13f6265127b79453d9ac2be1Алексей ЯковлевAnonymousАлександр ХузахметовAnonymousЕлена ГордоваThumbМаксим КоваленкоThumbОльга ГубинаThumbАнютка ТихомироваAnonymousЕвгения НичипорчукAnonymousAndreas KThumbРоман МозолевскийAnonymousIrina LinkerAnonymousГульнара БиктимироваAnonymousno problem19182aa6aed8b893644c556abc7333beedc68ddcXenia WhiAnonymousq qThumbИлья ТереховецThumbОльга Литвинцева774264Ольга ЛебедеваAnonymousИлья БудановAnonymousВячеслав ПавловThumbАлександра ВяткинаAnonymousРоман КольцовThumbAlexey ParamonovAnonymousДаниил ГромовAnonymousАнна АAnonymousTest TestThumbСтанислав СорокинAnonymousExample ExampleAnonymousГерман НейманThumbСемислав РасторопновThumbМарина ТрапицынаD6f65d03eacdbcbeb1b9822a3084f57b88e692b1Алена МельчаковаAnonymousМихаил ШевченкоThumbМаксим Сафонов4a4604e4b6f4fdfa75d7bf33bd1dcdb7c1680609Николай ПетровAnonymousМаксим МолчановThumbОльга ПавловаAnonymousАнонимAnonymousнурлан таразAnonymousЕлена ГлуховаThumbДмитрий Воробьёв

Бесплатная регистрация

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