Микроанимации интерфейса
Hover, focus, активные состояния, toast'ы, переходы — мелкая моторика интерфейса.
Переходы между страницами
Когда нужны, какие выбрать, как не сделать сайт «торчащим».
Easing и тайминг анимаций
Кривые easing для разных случаев, длительности, ритм — почему «всё ease-in-out 300ms» это плохо.
Стратегия prefers-reduced-motion
Что отключать полностью, что заменять на fade, как тестировать и какие элементы НИКОГДА не должны быть motion-зависимыми.
Stagger reveal списков: оркестровка
Тайминг 60-100ms между элементами, easing, max-batch 12, performance-бюджет и accessibility.
Scroll-triggered анимации без боли
Когда триггерить (% viewport), Intersection Observer pattern, INP impact, что НЕ делать — parallax длинных страниц, locked scroll.
Performance-бюджет для motion
60 FPS на mid-range mobile, INP < 200ms, optimization checklist: transform-only, will-change по уму, GPU layers, composite.
Скролл-хореография: кинематографичный ритм страницы
Раскрытие секций при скролле, осознанный ритм, parallax с умом. Что и когда анимировать, чтобы ощущалось как кино, а не как 2014.