RuWeb Blog — это блог о современной веб-разработке и фронтенде.
Здесь публикуются разборы новых возможностей браузеров, React-экосистемы, CSS и JavaScript, а также интересные статьи о развитии веб-технологий. Основная цель блога — собирать полезные материалы о фронтенде и делиться ими в удобном и понятном формате.
Разбираем два подхода к сложным формам — компонентный (React Hook Form + Zod) и декларативный на основе схемы (SurveyJS).
Обзор Astro 6: переработанный dev-сервер, улучшенная поддержка Cloudflare, встроенный Fonts API, Live Content Collections, стабильный CSP API и новые экспериментальные возможности.
Разбираем новый API addTransitionType в React и то, как Next.js использует transitionTypes в App Router, чтобы по-разному анимировать переходы между страницами.
Новый метод setHTML из Sanitizer API может заменить innerHTML и значительно снизить риск XSS-уязвимостей при работе с HTML в JavaScript.
Chrome 146 (стабильный релиз от 10 марта 2026 года) приносит много небольших, но полезных улучшений для веб-платформы. Среди самых заметных — декларативные анимации по прокрутке в CSS, trigger-scope для ограничения облас...
Разбираем новое CSS-свойство corner-shape, которое позволяет делать не только скругленные, но и скошенные, вогнутые и squircle-углы, а также применять это в реальных UI-компонентах через progressive enhancement.
Обзор предложения стандарта HTML, которое добавляет нативную ленивую загрузку для элементов video и audio с помощью атрибута loading="lazy".
Как новый компонент Activity в React 19.2 помогает скрывать и показывать видеоплеер без потери состояния, а в связке с useLayoutEffect — ещё и без фонового воспроизведения.
Почему anchor positioning в CSS легко сломать из-за порядка элементов и containing block, и какие правила помогают избежать неожиданных проблем.
В Safari 26 мета-тег theme-color больше не влияет на цвет браузерного интерфейса. Цвет берется из фона body или из фиксированного элемента вверху страницы. Разбираем правила и практический CSS-подход с прокруткой.