#веб-стандарты#CSS#UX

View Transitions API — анимации между страницами без JS

Год назад поддерживался только в Chrome. К концу 2025 — почти все браузеры. Можно писать SPA-эффекты без SPA.

View Transitions API позволяет браузеру плавно анимировать смену DOM. То, ради чего заводили SPA с React и Next, теперь работает в обычном MPA.

Декларативно через CSS view-transition-name. Императивно через document.startViewTransition() для динамики.

Поддержка к ноябрю 2025: Chrome 111+, Safari 18+, Firefox 132 (за флагом). Можно использовать с фолбеком на хождение без анимации.

Уменьшает потребность в SPA для типового сайта на 60-70%. SEO и доступность сильно лучше.

Другие статьи
(01) Liquid Glass на сайте — стоит ли копировать стилистику iOS 26 Apple показала Liquid Glass в iOS 26, и теперь его пытаются перенести на web. Что получается, чем платим, и где это уместно — а где сразу нет. → (02) Микроанимации в UI — когда полезны, когда раздражают Анимация на каждый клик — современная зараза. Когда хороша, когда стоит выключить, что говорят исследования. → (03) Микро-копирайт для интерфейсов Кнопка «Сохранить» или «Готово»? Заголовок ошибки или подсказка? Маленькие тексты решают больше чем кажется. → (04) Чек-лист аудита сайта — 7 пунктов которые видно за час Не нужно платить за полный аудит чтобы увидеть проблемы. Семь пунктов которые можно проверить самостоятельно. → (05) Тёмная тема в мобильных приложениях Не просто инверсия цветов. Тёмная тема в моб приложениях — отдельный режим со своими правилами. →