Привет!
Это седьмой выпуск 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 — Эпизод от 20 января 2026. Гость — Andreas Rossberg, один из ключевых архитекторов WebAssembly с первых дней (V8/Google), участник создания спецификации 3.0.
🤖 AI
npx workos: агент с искусственным интеллектом, который встраивает аутентификацию непосредственно в ваш код — workos изучает ваш проект, определяет фреймворк, пишет интеграцию, а затем проверяет и исправляет собственные ошибки сборки.
AI-копилоты помогают писать код быстрее — но главная проблема разработки никогда не была в скорости набора текста. Красимир Цонев разбирает, что реально идёт не так: джуны перестают учиться через борьбу с ошибками, мидлы путают скорость с качеством и плодят техдолг в 3x темпе, а сеньоры тонут в ревью «почти правильного» AI-кода. Отдельный удар — по опенсорсу: мейнтейнеров заваливают бессмысленными PR, а модели тренируются на их коде бесплатно. Трезвый, местами неудобный взгляд.
Инфраструктура для интернета агентов: armalo даёт AI-агентам верифицируемую идентичность, репутационные оценки, USDC-эскроу (sic!) для сделок между агентами и shared memory mesh для координации swarm-сетей.
🎨 CSS
CSS 2026: что нового и уже работает в браузерах — В 2026 году CSS стал ещё мощнее благодаря Interop 2026 и Baseline 2026, обеспечив кросс-браузерную поддержку многих фич: cross-document view transitions для плавных переходов между страницами, scroll-driven animations, @starting-style для анимаций появления, relative color syntax и color-mix() на baseline, улучшенный @scope, reading flow для доступности, gap decorations в grid/flex, Custom Highlight API и contrast-color(). Появляются или близки к релизу @mixin (с параметрами, пока в Chrome ~146), masonry layout (теперь через grid-lanes), делая CSS самостоятельнее и избавляя от хаков/JS в сложных интерфейсах.
Подробное руководство по настройке списков с помощью CSS — Современный CSS даёт полный контроль над списками: от list-style-type с эмодзи/изображениями и ::marker (цвет/шрифт) до @counter-style для кастомных циклов и list-style:none + li::before для любых иконок, чекбоксов, позиционирования и анимаций.
Дэниэл Шварц собрал несколько нюансов CSS в одну наглядную статью. Например, работа с calc в CSS variables - очень интересная и неочевидная особенность.
Ещё один метод центрировать элемент!) А помните их все? Байт на комменты: напишите, сколько методов знаете, без гугла)
Одометр из автомобиля теперь на чистом CSS, без единой строки JavaScript. Статья показывает, как с помощью attr(), mod(), sibling-index() и @property автоматически раскидать цифры числа по отдельным элементам и заставить их крутиться вертикально при смене значения.
⚡ JS / TS
Лиа Веру рассказывает, что внешние import maps (которых нативно нет в браузерах) можно эмулировать уже сейчас: достаточно через обычный блокирующий
<script> динамически создать <script type="importmap">и вставить его в DOM до загрузки модулей. Это работает во всех браузерах начиная с Chrome 89, Safari 16.4 и Firefox 108. При этом она подчёркивает, что привязка import maps исключительно к HTML — это архитектурный долг, и в идеале спецификаторы должны работать шире — через HTTP-заголовки, в воркерах и т.д.Создан инструмент для визуализации Web Audio API - можно в прямом эфире играться с параметрами.
Фил Нэш разбирает классическую ловушку дат в JS: setMonth() и арифметика с датами ломаются из-за overflow (31 января + 1 месяц = 3 марта) и расхождений UTC vs local time. Решение — либо setUTCMonth(), либо долгожданный Temporal.PlainDate, который наконец-то делает даты в JavaScript предсказуемыми.
⚛️ React
open-source headless rich-text редактор для React — Yoopta: мощный open-source React-редактор в стиле Notion с блочной системой, готовыми плагинами и темами, коллаборация на CRDT (Yjs), AI-инструменты приближаются к релизу.
Вышла библиотека для анимации прокрутки с крутыми моушн-эффектами, ещё и 1кб весом.
����️ Angular
Устранение недавних уязвимостей в Angular — Команда разработчиков Angular рассказала о том, как были исправлены 2 серьезные уязвимости — SSRF и инъекции заголовков в Angular SSR, а также открытый редирект через префикс X-Forwarded.
Формы в Angular всегда были болью: FormGroup с nullable-контролами, ControlValueAccessor на 250 строк ради простого степпера, ошибки валидации, которые нужно выкапывать из вложенных контролов вручную. Signal Forms в Angular 21 убирают всё это.
💚 Vue.js
Рекомендации по созданию доступных приложений на Vue.js — Можно ли использовать все возможности вашего приложения только с помощью клавиатуры? Все ли кнопки являются button элементами? Как пользователь узнает о динамических обновлениях?
🧡 Svelte
State of Svelte: что нового во фреймворке. Кстати, судя по докладу State of JS 2025, Svelte продолжает занимать первое место среди реактивных фреймворков по позитивным отзывам.
🌐 Веб-стандарты
Navigation API — Новый браузерный стандарт для SPA вместо History API. Baseline 2026: единый
navigate, обновление URL/истории, восстановление фокуса,intercept(), контроль скролла, View Transitions.Can I Stop — «Can I Use?» в 2026 сменяется вопросом «Can I Stop?»: глобальная статистика использования старых браузеров по 240 регионам мира.
Mozilla планирует значительно улучшить WebAssembly. В статье перечисляются основные проблемы WASM и предложения Mozilla по улучшению WebAssembly Components.
Джеймса Снелл из Cloudflare сравнивает Streams API и AsyncIterable<Uint8Array[]>. Его реализация стримов показывает от 2x до 120x быстрее Web Streams во всех рантаймах, включая браузеры.
📦 Разное
Материалы про веб-разработку, но не относящиеся напрямую к CSS или JS.
Крупное обновление Bun — Вышла новая версия Bun v1.3.10 со множеством как практических, так и косметических улучшений — добавлена возможность создания отдельных HTML-файлов со стилями и скриптами, что отлично подходит для небольших проектов, включена поддержка декораторов ES TC39 Stage 3 и многое другое.
Как превратить сообщество в интерфейс? Для сайта первой конференции Three.js в Париже каждый посетитель становится уникальной 3D-сферой с собственной текстурой и выражением лица — и все они сталкиваются в одной физической куче вместе со спикерами, без иерархий. Под капотом — WebGPU-рендеринг, кастомная физика в Web Worker, SSGI для реалистичного освещения и упаковка всего аватара в 10-символьную строку. Кейс-стади от Makio64 и Hervé Studio о том, как сделать сайт, который практикует то, что проповедует его комьюнити.
Пошаговый туториал о том, как превратить скролл в инструмент визуального сторителлинга: 12 изображений в sticky-сетке оживают, раскрываясь по колонкам, зумятся и раздвигаются, уступая место контенту — и всё это управляется единым GSAP-таймлайном, привязанным к позиции скролла. Минимум HTML, fluid rem-система, Lenis для плавности и чёткое разделение анимационных фаз. Родилось из реального проекта для Max & Tiber — с кодом и демо на GitHub.
AI-агенты умеют запускать команды, но намертво зависают на всём интерактивном — от vim и pdb до SSH с паролем и GRUB-меню. term-cli решает это через tmux-сессии: агент запускает, ждёт промпт, читает экран и отправляет ввод, а когда нужен пароль или MFA — передаёт управление человеку через term-assist.
🖥️ Браузеры
В Chromium исправили опасный баг в управлении памятью при парсинге @font-feature-values в движке Blink: при создании CSSFontFeaturesValueMap возникала ситуация Use After Free, которую вредоносный JavaScript мог эксплуатировать для доступа к чужой памяти
Дайджест Baseline опубликован: посмотрите, какие спеки вошли в поддержку!)
🎯 UI/UX и дизайн
Хватит рисовать пиксели — пора понимать, зачем они. Статья о том, как UI-дизайнеру перестать быть «красивой рукой» на конвейере и начать задавать правильные вопросы: какую метрику двигает эта фича, когда фрикшен — это благо, �� почему дизайн для «дня 100» важнее дриббл-шота первого онбординга. Практичный гайд по переходу от декоратора к архитектору продукта с примерами. Ну и естественно, это касается всех разработчиков интерфейсов, а не только дизайнеров.
Статья подготовлена при поддержке @CosyFrontend, @alexbraun и @DreamShaded.
