Frontend Status: свежий дайджест фронтенда и AI — 05.03.2026

Привет!

Это седьмой выпуск Frontend Status — дайджеста по фронтенд-разработке.

В этом выпуске — разговор с одним из создателей WebAssembly о версии 3.0, трезвый взгляд на AI-копилотов и что приходит им на смену. Прокачиваемся в CSS и JS: что уже baseline в 2026, как не провалиться в ловушки дат и зачем нужен «Can I Stop». По фреймворкам: Angular чинит уязвимости и наконец делает формы человечными, Vue — про доступность, Svelte лидирует в State of JS. Плюс Bun, сайт конференции Three.js, опасный баг в Chromium и статья для тех, кто устал просто «рисовать пиксели».

📺 Медиа

🎧 Аудиоподкаст

• WebAssembly 3.0 с Andreas Rossberg ^[1] — Эпизод от 20 января 2026. Гость — Andreas Rossberg, один из ключевых архитекторов WebAssembly с первых дней (V8/Google), участник создания спецификации 3.0.

🤖 AI

• npx workos: агент с искусственным интеллектом, который встраивает аутентификацию непосредственно в ваш код ^[2] — workos изучает ваш проект, определяет фреймворк, пишет интеграцию, а затем проверяет и исправляет собственные ошибки ^[3] сборки.

• AI-копилоты помогают писать код быстрее — но главная проблема разработки никогда не была в скорости набора текста ^[4]. Красимир Цонев разбирает, что реально идёт не так: джуны перестают учиться через борьбу с ошибками, мидлы путают скорость с качеством и плодят техдолг в 3x темпе, а сеньоры тонут в ревью «почти правильного» AI-кода. Отдельный удар — по опенсорсу: мейнтейнеров заваливают бессмысленными PR, а модели тренируются на их коде бесплатно. Трезвый, местами неудобный взгляд.

• Инфраструктура для интернета агентов: ^[5] armalo даёт AI-агентам верифицируемую идентичность, репутационные оценки, USDC-эскроу (sic!) для сделок между агентами и shared memory mesh для координации swarm-сетей.

🎨 CSS

• CSS 2026: что нового и уже работает в браузерах ^[6] — В 2026 году CSS стал ещё мощнее благодаря Interop 2026 и Baseline 2026, обеспечив кросс-браузерную поддержку многих фич: cross-document view transitions для плавных переходов между страницами, scroll-driven animations, @starting-style ^[7] для анимаций появления, relative color syntax и color-mix() на baseline, улучшенный @scope ^[8], reading flow для доступности, gap decorations в grid/flex, Custom Highlight API и contrast-color(). Появляются или близки к релизу @mixin ^[9] (с параметрами, пока в Chrome ~146), masonry layout (теперь через grid-lanes), делая CSS самостоятельнее и избавляя от хаков/JS в сложных интерфейсах.

• Подробное руководство по настройке списков с помощью CSS ^[10] — Современный CSS даёт полный контроль над списками: от list-style-type с эмодзи/изображениями и ::marker (цвет/шрифт) до @counter-style ^[11] для кастомных циклов и list-style:none + li::before для любых иконок, чекбоксов, позиционирования и анимаций.

• Дэниэл Шварц собрал несколько нюансов CSS ^[12] в одну наглядную статью. Например, работа с calc в CSS variables – очень интересная и неочевидная особенность.

• Ещё один метод центрировать элемент ^[13]!) А помните их все? Байт на комменты: напишите, сколько методов знаете, без гугла)

• Одометр из автомобиля теперь на чистом CSS ^[14], без единой строки JavaScript. Статья показывает, как с помощью attr(), mod(), sibling-index() и @property ^[15] автоматически раскидать цифры числа по отдельным элементам и заставить их крутиться вертикально при смене значения.

⚡ JS / TS

• Лиа Веру рассказывает ^[16], что внешние import maps (которых нативно нет в браузерах) можно эмулировать уже сейчас: достаточно через обычный блокирующий <script> динамически создать <script type="importmap"> и вставить его в DOM до загрузки модулей. Это работает во всех браузерах начиная с Chrome 89, Safari 16.4 и Firefox 108. При этом она подчёркивает, что привязка import maps исключительно к HTML — это архитектурный долг, и в идеале спецификаторы должны работать шире — через HTTP-заголовки, в воркерах и т.д.

• Создан инструмент для визуализации Web Audio API ^[17] – можно в прямом эфире играться с параметрами.

• Фил Нэш разбирает классическую ловушку дат в JS ^[18]: setMonth() и арифметика с датами ломаются из-за overflow (31 января + 1 месяц = 3 марта) и расхождений UTC vs local time. Решение — либо setUTCMonth(), либо долгожданный Temporal.PlainDate, который наконец-то делает даты в JavaScript предсказуемыми.

⚛️ React

• open-source headless rich-text редактор для React ^[19] — Yoopta: мощный open-source React-редактор в стиле Notion с блочной системой, готовыми плагинами и темами, коллаборация на CRDT (Yjs), AI-инструменты приближаются к релизу.

• Вышла библиотека для анимации прокрутки ^[20] с крутыми моушн-эффектами, ещё и 1кб весом.

🅰️ Angular

• Устранение недавних уязвимостей в Angular ^[21] — Команда разработчиков Angular рассказала о том, как были исправлены 2 серьезные уязвимости — SSRF и инъекции заголовков в Angular SSR, а также открытый редирект через префикс X-Forwarded.

• Формы в Angular всегда были болью ^[22]: FormGroup с nullable-контролами, ControlValueAccessor на 250 строк ради простого степпера, ошибки валидации, которые нужно выкапывать из вложенных контролов вручную. Signal Forms в Angular 21 убирают всё это.

💚 Vue.js

• Рекомендации по созданию доступных приложений на Vue.js ^[23] — Можно ли использовать все возможности вашего приложения только с помощью клавиатуры? Все ли кнопки являются button элементами? Как пользователь узнает о динамических обновлениях?

🧡 Svelte

• State of Svelte: что нового во фреймворке ^[24]. Кстати, судя по докладу State of JS 2025, Svelte продолжает занимать первое место среди реактивных фреймворков по позитивным отзывам.

🌐 Веб-стандарты

• Navigation API ^[25] — Новый браузерный стандарт для SPA вместо History API. Baseline 2026: единый navigate, обновление URL/истории, восстановление фокуса, intercept(), контроль скролла, View Transitions.

• Can I Stop ^[26] — «Can I Use?» в 2026 сменяется вопросом «Can I Stop?»: глобальная статистика использования старых браузеров по 240 регионам мира.

• Mozilla планирует значительно улучшить WebAssembly ^[27]. В статье перечисляются основные проблемы WASM и предложения Mozilla по улучшению WebAssembly Components.

• Джеймса Снелл из Cloudflare сравнивает Streams API и AsyncIterable<Uint8Array[]> ^[28]. Его реализация стримов показывает от 2x до 120x быстрее Web Streams во всех рантаймах, включая браузеры.

📦 Разное

Материалы про веб-разработку, но не относящиеся напрямую к CSS или JS.

• Крупное обновление Bun ^[29] — Вышла новая версия Bun v1.3.10 со множеством как практических, так и косметических улучшений — добавлена возможность создания отдельных HTML-файлов со стилями и скриптами, что отлично подходит для небольших проектов, включена поддержка декораторов ES TC39 Stage 3 и многое другое.

• Как превратить сообщество в интерфейс? ^[30] Для сайта первой конференции Three.js в Париже каждый посетитель становится уникальной 3D-сферой с собственной текстурой и выражением лица — и все они сталкиваются в одной физической куче вместе со спикерами, без иерархий. Под капотом — WebGPU-рендеринг, кастомная физика в Web Worker, SSGI для реалистичного освещения и упаковка всего аватара в 10-символьную строку. Кейс-стади от Makio64 и Hervé Studio о том, как сделать сайт, который практикует то, что проповедует его комьюнити.

• Пошаговый туториал о том, как превратить скролл в инструмент визуального сторителлинга ^[31]: 12 изображений в sticky-сетке оживают, раскрываясь по колонкам, зумятся и раздвигаются, уступая место контенту — и всё это управляется единым GSAP-таймлайном, привязанным к позиции скролла. Минимум HTML, fluid rem-система, Lenis для плавности и чёткое разделение анимационных фаз. Родилось из реального проекта для Max & Tiber — с кодом и демо на GitHub.

• AI-агенты умеют запускать команды, но намертво зависают на всём интерактивном — от vim и pdb до SSH с паролем и GRUB-меню. term-cli решает это через tmux-сессии ^[32]: агент запускает, ждёт промпт, читает экран и отправляет ввод, а когда нужен пароль или MFA — передаёт управление человеку через term-assist.

🖥️ Браузеры

• В Chromium исправили опасный баг ^[33] в управлении памятью ^[34] при парсинге @font-feature-values ^[35] в движке Blink: при создании CSSFontFeaturesValueMap возникала ситуация Use After Free, которую вредоносный JavaScript мог эксплуатировать для доступа к чужой памяти

• Дайджест Baseline опубликован ^[36]: посмотрите, какие спеки вошли в поддержку!)

🎯 UI/UX и дизайн

• Хватит рисовать пиксели — пора понимать, зачем они ^[37]. Статья о том, как UI-дизайнеру перестать быть «красивой рукой» на конвейере и начать задавать правильные вопросы: какую метрику двигает эта фича, когда фрикшен — это благо, и почему дизайн для «дня 100» важнее дриббл-шота первого онбординга. Практичный гайд по переходу от декоратора к архитектору продукта с примерами. Ну и естественно, это касается всех разработчиков интерфейсов, а не только дизайнеров.

Статья подготовлена при поддержке @CosyFrontend ^[38], @alexbraun ^[39] и @DreamShaded ^[40].