Please enable JavaScript to use this page!

AllTalks site logo
🍔

Take on me, web browsers! (Nordic.js)

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!


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…

OdessaFrontend Meetup

39 min

Как правильно делать анимацию и добиться 60fps на различных девайсах

Виталий Калашников

Анимация — неотъемлемая часть любого нынешнего веб-интерфейса. Виталий Калашников рассказывает про аппаратное ускорение анимаций, как использовать вычислительную технику при создании динамического ве…

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 …

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…

CSSCAMP

26 min

When Houdini Met Goldblum

Oliver Turner

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…

Tver.io

29 min

React Reconciler: как написать собственный рендерер

Ярослав Лосев

Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…

CSSConf Budapest

30 min

Variable Fonts & Readability

Damien Senger

A good reading experience is something highly personal: We all need different environments, we all love different font faces and we all have a specific medium at the bottom of our heart. With only on…

Nordic.js

24 min

Localization: Implementation and Testing... Locally

Isabela Moreira

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…

Tver.io

156 min

State Management Talks

Сергей Сова, Павел Черторогов, Артём Арутюнян, Павел Малышев, Александр Шушунов

"Наденьте на хеллоуин костюм shared mutable state и вы напугаете кучу фронтедеров!" Зачем нужны стейт-менеджеры на фронтенде, что за стейт хранится в них и где место бизнес- и не только логике, разб…

CSSCAMP

32 min

Interactive web animation with SVG

Cassie Evans

Have you ever felt uninspired by the every-day grind? Like coding is all work and no play? Come with me as I take you on a whistle-stop tour of delightful SVG animations. I’ll also ask for some audie…

moscowcss

24 min

Особенности CSS в веб-компонентах

Артём Гусев

Многие считают, что изоляция в Shadow DOM является как его плюсом, так и минусом. Тем более, когда дело доходит до стилей. В своем докладе расскажу о том, какие возможности предоставляет нам соврем…

FrontendConf

53 min

История одной анимации

Юрий Артюх

Будет рассказано об истории создания одной анимации от получения макета до сдачи клиенту. История включает в себя язык WebGL, Three.js, GLSL, Canvas 2D, графы и немного математики.

PiterJS

30 min

Почему Elm?

Максим Пацианский

Elm — это функциональный язык программирования, в котором нет runtime exceptions, зато есть очень дружественный компилятор. Рефакторинг кода на абсолютно новом уровне! Если проект собрался — значит о…

ChernivtsiJS

47 min

Case of One Animation

Юрий Артюх

Slides: https://github.com/chernivtsijs/chernivtsijs-2019

SECON.Weekend про fromtend

84 min

Разбираемся в сортах реактивности

Дмитрий Карловский

Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.

HolyJS

75 min

Автоматическая виртуализация рендеринга произвольной верстки

Дмитрий Карловский

Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от ра…

PiterJS

30 min

CSS value processing

София Валитова

Слайды: http://amp.gs/JZNe

HolyJS

72 min

Cовременный бэкенд для фронтенда на Node.js

Андрей Мелихов

Современный фронтенд — это богатое клиентское приложение, оперирующее развесистым набором данных. Однако, оставаясь в парадигме архитектуры «клиент-сервер», такие приложения всё ещё требуют серверног…

CSSConf Budapest

29 min

Crafting Stateful Styles with State Machines

David Khourshid

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…