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 talk we will explore the bewitching ways we can modify web videos and create immersive experiences worthy of the ‘80s using JavaScript and CSS. Let us swim in the why-not possibility of Chroma key, Rotoscoping and more video animation techniques on the web platform!
Анимация — неотъемлемая часть любого нынешнего веб-интерфейса. Виталий Калашников рассказывает про аппаратное ускорение анимаций, как использовать вычислительную технику при создании динамического ве…
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…
Why can't we animate gradients declaratively? How can Jeff Goldblum help us? This gentle, practical introduction to Houdini and the Web Animations API looks at some CSS's lesser-known features (it ha…
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 …
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…
Каждый когда-то слышал, что десктопные приложения можно разрабатывать с использованием web-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …
Как автоматизировать работу фронтендеров и не создать ещё один бесполезный велосипед? Каждый программист в какой-то момент хочет автоматизировать свою работу скриптами. Обычно из этого получается наб…
User interfaces are highly dynamic and complex, and structuring stylesheets for every possible state of every component can be a challenge. In this talk, we will explore innovative ways of organizing…
Слайды: http://amp.gs/JZNe
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…
"Наденьте на хеллоуин костюм shared mutable state и вы напугаете кучу фронтедеров!" Зачем нужны стейт-менеджеры на фронтенде, что за стейт хранится в них и где место бизнес- и не только логике, разб…
Многие что-то слышали про основной поток и о том, что его нельзя блокировать. Но что это на самом деле такое? Если есть основной, значит, есть и второстепенные? Попробуем разобраться и не запутаться.
Будет рассказано об истории создания одной анимации от получения макета до сдачи клиенту. История включает в себя язык WebGL, Three.js, GLSL, Canvas 2D, графы и немного математики.
Многие считают, что изоляция в Shadow DOM является как его плюсом, так и минусом. Тем более, когда дело доходит до стилей. В своем докладе расскажу о том, какие возможности предоставляет нам соврем…
Расскажу о том, как переводил админку главной страницы с бутстрапа на Реакт, а потом на Свелт. Что есть схожего, какие вскрылись плюсы и минусы в рамках такого переписывания, и в какие получились выв…
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик.…
So you have a product and are planning to ship to a global audience. But you’re still using dun dun dun hard coded English strings! In this talk, you’ll learn how to set up the infrastructure for loc…
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.