Как правильно делать анимацию и добиться 60fps на различных девайсах
Анимация — неотъемлемая часть любого нынешнего веб-интерфейса. Виталий Калашников рассказывает про аппаратное ускорение анимаций, как использовать вычислительную технику при создании динамического веб-приложения. Как с его помощью заставить анимацию работать 60 кадров в секунду даже на мобильном устройстве и при этом не допустить падение браузера у пользователей. А также рассказывает про CSS vs JS анимации и сравнивает производительность.
Nordic.js
20 min
Take on me, web browsers! (Nordic.js)
Eva Ferreira
In 1985 pop music was mesmerized by the a-ha “Take on me” music video. It’s been almost 35 years since then, the world needs new catchy tunes with impressive video animations… on the web. In this ta…
HolyJS
19 min
Улучшаем качество кода React-приложения с помощью Compound Components
Александр Дунай
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
FrontendConf
58 min
New Adventures in Front-End, 2019 Edition
Виталий Фридман
The beast is alive! Have you optimized your JavaScript/CSS delivery for performance with HTTP/2 yet? How are you using service workers and server workers these days? What about critical CSS and Serve…
CSSConf Budapest
28 min
CSS Animation - Beyond Transitions
Steven Roberts
Sure we all know about the power of CSS transitions, we use them day in and day out to animate the state of a button or link; but CSS is capable of so much more when it comes to animation, especially…
Frontend Love
22 min
Micro-interactions with React Spring
Emma Bostian
In her own words, Emma is a UX Engineer with a passion for design. She has recently transitioned into a UX Engineering role at LogMeIn where she builds Design Systems with React.
Я ❤︎ Фронтенд
43 min
Web Vitals: увидеть и оптимизировать
Артем Белов
В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик.…
Я ❤︎ Фронтенд
43 min
Особенности реализации брутальной дизайн-системы
Артём Арутюнян
Я расскажу историю небольшого проекта на стыке UI, UX и программирования. Как маленькая идея может поглотить десятки часов разработки и сколько удовольствия это может принести. Разберем все боли рабо…
ChernivtsiJS
47 min
Case of One Animation
Юрий Артюх
Slides: https://github.com/chernivtsijs/chernivtsijs-2019
SECON.Weekend про fromtend
84 min
Разбираемся в сортах реактивности
Дмитрий Карловский
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.
HolyJS
72 min
Cовременный бэкенд для фронтенда на Node.js
Андрей Мелихов
Современный фронтенд — это богатое клиентское приложение, оперирующее развесистым набором данных. Однако, оставаясь в парадигме архитектуры «клиент-сервер», такие приложения всё ещё требуют серверног…
HolyJS
43 min
Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд
Виталий Полещук, Стёпа Михайлюк
Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…
CSSConf Budapest
28 min
CSS Games and Drawings in the Real World: Useful or Just Fun?
Giulia Cardieri
How did you learn CSS? The standard way is in a class, online course, or even during an internship - but what if I told you that you can learn it by making a game. Don’t believe me? Well, I conducted…
HolyJS
75 min
Автоматическая виртуализация рендеринга произвольной верстки
Дмитрий Карловский
Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от ра…
moscowcss
20 min
Custom properties: переменные или свойства?
Мария Нагорных
После бума препроцессоров css с их переменными, все ждали появления нативных css переменных. И они появились. А потом, во время доработки черновиков спек, стали свойствами. В своем докладе я хочу раз…
Я.Субботник
65 min
Скорость веб-страниц
Данила Авдошин
Расскажу про то, как делать веб быстрым, почему нужно заниматься скоростью, как измерять скорость и покажу примеры из жизни настоящих ускорений.
JSConf Budapest
22 min
Take on me, web browsers!
Eva Ferreira
In 1985 pop music was mesmerized by the a-ha “Take on me” music video. It’s been almost 35 years since then, the world needs new catchy tunes with impressive video animations… on the web. In this ta…
PiterJS
30 min
Почему Elm?
Максим Пацианский
Elm — это функциональный язык программирования, в котором нет runtime exceptions, зато есть очень дружественный компилятор. Рефакторинг кода на абсолютно новом уровне! Если проект собрался — значит о…
CSSConf Budapest
28 min
CSS in JS - beware the Hype!
Kathrin Holzmann
Everyone is hyped about CSS in JS - but is it really worth the hype? Or are there already ways to solve the Problems - maybe even in a better way? We are living in a mostly hype-driven world, where …
SECON.Weekend про fromtend
62 min
ElectronJS. В чем магия
Александр Руденко
Каждый когда-то слышал, что десктопные приложения можно разрабатывать с использованием web-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …