Еженедельный дайджест #39: Новости фронтенда

🧪 HTML и Платформа

WebKit Features for Safari 26.4

Safari 26.4 получился очень насыщенным обновлением для тех, кто следит за платформой. В релизе появились CSS Grid Lanes, доработки Anchor Positioning, исправления для zoom, а также поддержка математических функций внутри img. Такие заметки полезно читать не только пользователям Safari: по ним хорошо видно, какие возможности веб-платформы начинают созревать по-настоящему.

Web Rewind: 30 лет веба в одном интерактивном путешествии

Web Rewind от Opera — это аккуратно собранная интерактивная прогулка по тридцати годам истории веба. Скорее не учебник, а визуальный аттракцион, но именно такие проекты хорошо напоминают, насколько быстро менялась среда, в которой мы работаем.

Подсветка сносок без лишней магии

Китти Жиро показывает простой, но очень полезный приём: как подсвечивать footnotes после перехода по ссылке. Это маленькая деталь интерфейса, которая заметно улучшает чтение длинных текстов и документации.

• Firefox 149 получил split-view и теперь умеет удобнее показывать две вкладки рядом.
• Structure Revealer — bookmarklet для быстрой визуализации структурных HTML-элементов на странице. Полезно для accessibility-аудита и отладки разметки.

🎨 CSS и дизайн

The Great CSS Expansion

В статье The Great CSS Expansion хорошо разложено, как современный CSS постепенно забирает себе задачи, которые раньше почти автоматически решались через JavaScript. Это полезный материал, чтобы сверить свои привычки с тем, что платформа уже умеет нативно, и не тащить скрипты туда, где они больше не нужны.

light-dark() скоро сможет переключать не только цвета

Брамус рассказывает, что light-dark() расширяют до поддержки изображений. Если эта возможность приживётся в браузерах, логика темизации станет заметно чище: переключение между светлой и тёмной версией ассета можно будет держать прямо в CSS, без дополнительных обходных решений.

Трюк с «блокером» для sticky header

Джош Комо раскрыл, как устроен его Sneaky Header Blocker Trick. Это хороший пример того, как аккуратная CSS-идея создаёт ощущение «магии» в интерфейсе, хотя внутри всё довольно рационально.

Цветовая система из примитивов и семантики

В материале The Color System I Wish I Understood Sooner разбирают двухслойный подход к цветам: отдельно базовые токены, отдельно семантические значения. Если в проекте цвета уже начали расползаться по компонентам и состояниям, такой подход помогает вернуть предсказуемость.

• В статье о scroll-driven анимациях для corner-shape показывают, что новое свойство хорошо дружит с анимацией и может пригодиться для выразительных UI-эффектов.
• Заметка про SVG favicon с учётом системной темы напоминает о маленькой детали, которая делает сайт аккуратнее без лишней сложности.
• Folded Corner with CSS — аккуратный разбор эффекта загнутого угла на чистом CSS.
• В статье про contrast-color() Уна Краветс показывает, как браузер может сам выбирать более читаемый цвет текста для заданного фона.
• Материал про dropdown внутри scrollable containers полезен всем, кто сталкивался с обрезанными меню и попапами в панелях с прокруткой.
• В заметке Two Circles, One Arrow, and Anchor Positioning показывают ещё один нетривиальный сценарий для Anchor Positioning.

🌐 Браузеры и DevTools

Браузерные новости недели

Эта неделя снова получилась богатой на платформенные и браузерные мелочи, которые по отдельности выглядят скромно, а вместе хорошо показывают вектор развития экосистемы.

• BaseWatch присылает уведомления, когда CSS-свойства доходят до Baseline-поддержки.
• Awesome Mac остаётся хорошим каталогом приложений для macOS, а его раздел с developer tools особенно полезен для тех, кто любит собирать аккуратный инструментарий.

📦 JavaScript

Три столпа JavaScript-раздутия

Джеймс Гарбутт в статье The Three Pillars of JavaScript Bloat разбирает три частые причины чрезмерного роста node_modules: наследие старой совместимости, микробиблиотеки ради одной функции и устаревшие ponyfill-подходы. Материал полезен не только как критика экосистемы, но и как практическая подсказка, где искать лишний вес в собственном проекте.

Иногда TypeScript быстрее связки Rust + WASM

Инженеры Thesys неожиданно показали, что переписывание Rust/WASM-парсера на TypeScript может ускорить систему. Главная мысль тут не в «TypeScript быстрее Rust», а в том, что граница между WASM и JavaScript иногда сама становится дорогой операцией.

Edge.js: Node.js внутри WebAssembly-песочницы

Edge.js пытается запускать Node-приложения в изолированной WASM-среде, сохраняя совместимость с существующим кодом и модулями. Проект пока ранний, но сама идея выглядит очень любопытно для сценариев, где хочется и Node-экосистему, и более жёсткие границы исполнения.

• pnpm 11 beta показывает, куда движется пакетный менеджер: SQLite-powered store, обновлённая конфигурация, более строгая безопасность сборки и новые команды вроде pnpm sbom.
• JavaScript Thinks Everything’s a Date — ещё один повод порадоваться прогрессу Temporal.
• An Introductory Guide to Bookmarklets — хороший вводный текст про совсем маленькие, но всё ещё полезные кусочки JavaScript в закладках.
• Node.js Worker Threads are Problematic, But They Work Great for Us — практический взгляд на инструмент, который часто ругают, но который всё равно может отлично работать в реальном проде.
• Chibivue — мини-реализация Vue.js и сопутствующая книга, в которой фреймворк предлагают собрать своими руками.

⚛️ React и фреймворки

Next.js 16.2: Adapter API стал стабильным

Команда Vercel выпустила отдельный разбор того, как Next.js 16.2 выходит на новые платформы через Adapter API. Это важное изменение для экосистемы: адаптеры позволяют платформам тоньше управлять сборкой и рантаймом, а значит, у Next появляется более реалистичный путь к жизни за пределами «одного правильного хоста».

Storybook MCP для React

Storybook MCP for React — одна из самых показательных новостей недели про пересечение фронтенда и AI-инструментов. Storybook теперь может выступать источником структурированного знания о компонентах для coding agents, чтобы тем было проще писать истории, тесты и даже исправления багов.

data-testid как запах доступности

Доминик Дорфмайстер в тексте Test IDs Are an Accessibility Smell спорит не с самим тестированием, а с привычкой опираться на искусственные селекторы там, где лучше бы использовать роли и доступные элементы интерфейса. Полезный материал для команд, у которых тесты и a11y живут в разных вселенных.

React Joyride 3.0

React Joyride 3.0 — крупное переписывание популярной библиотеки для onboarding-туров внутри приложений. Проект перешёл на современный React, получил новые хуки и в целом выглядит как хороший повод пересмотреть старые туры, если они у вас давно не обновлялись.

• TanStack DB 0.6 продолжает двигать идею локальной реактивной базы данных внутри приложения. В релизе особенно интересны persistence через SQLite и offline-сценарии.
• В большом бенчмарке SSR-фреймворков на React сравнили TanStack Start, React Router и Next.js под высокой нагрузкой. Хорошее напоминание, что производительность фреймворка часто меняется прямо по ходу таких исследований.
• A Gentle Intro to npm Workspaces, With Visuals — понятный вводный материал для тех, кто только подступается к workspace-подходу.
• Semiotic 3.0 вернул к жизни React + D3-фреймворк для визуализации данных, особенно сильный в нестандартных типах графиков.
• Two React Design Choices Developers Don’t Like, But Can’t Avoid — текст Райана Карниато о том, почему некоторые спорные решения React не так уж случайны.
• Storybook 10.3.0 добавил поддержку Vite 8, Next.js 16.2 и ESLint 10, а также превью MCP-сервера для React-разработки.
• Astro 6.1 — свежее обновление Astro, которое тоже стоит держать в поле зрения фронтендерам.

📘 TypeScript

TypeScript 6.0 затягивает настройки по умолчанию

TypeScript 6.0 — не просто ещё один релиз компилятора, а заметная подготовка к будущему TypeScript 7.0 с нативной реализацией на Go. Главное здесь не новые фичи, а то, что команда активно меняет дефолты и подталкивает проекты к более строгой и современной конфигурации.

• strict теперь по умолчанию true.
• module теперь по умолчанию esnext.
• types теперь по умолчанию [], так что часть проектов внезапно перестанет автоматически подтягивать типы из node_modules/@types.
• --moduleResolution node уходит в прошлое, и для Node-проектов всё важнее nodenext.
• rootDir теперь по умолчанию . — это тоже способно неожиданно всплыть в старых конфигурациях.

⚙️ Node.js

Security releases Node.js от 24 марта 2026

24 марта 2026 года команда Node.js выпустила пакет security-обновлений для веток 25.x, 24.x, 22.x и 20.x. Закрыто девять уязвимостей, включая две высокой серьёзности, поэтому это как раз тот тип обновления, который лучше не откладывать «на потом».

Как в V8 проектировали защиту от HashDoS

Официальный пост про новый integer hash для V8 очень технический, но именно поэтому особенно интересный. Это редкий случай, когда security-история одновременно даёт и практический контекст, и хорошую инженерную экскурсию в устройство рантайма.

Куда делись 400 мегабайт памяти

В разборе Where Did 400 Megabytes of Memory Go? расследуют, почему один Node/WebSocket-под в Kubernetes ел заметно больше памяти, чем остальные, хотя стандартные показатели выглядели вполне безобидно. Хороший материал для тех, кто уже упирался в ситуации, где process.memoryUsage() явно не рассказывает всю правду.

• Вокруг ядра Node снова обсуждают роль AI-кода: в сообществе появилась петиция против вкладов, собранных с помощью ИИ.
• История с Deno тоже не прошла мимо недели: после ухода части сотрудников Джош Коллинсворт отдельно написал, что Deno не исчезает.

🤖 ИИ

CSS-рефакторинг с «страховочной сеткой» из ИИ

Даниэла Барон в статье CSS Refactoring with an AI Safety Net показывает более зрелый подход к AI-инструментам: не отдавать им весь проект целиком, а использовать как ограниченного помощника в контролируемом рефакторинге. Получился хороший antidote против бессистемного vibe coding.

Designing with Claude Code

В видео Designing with Claude Code Стив Шогер показывает, как кодовый агент вписывается именно в дизайнерский процесс, а не только в программирование. Полезно посмотреть тем, кто пока воспринимает такие инструменты исключительно как «генераторы кода».

React Native Executorch

React Native Executorch от Software Mansion предлагает декларативный способ гонять AI-модели прямо на устройстве. Для React Native это особенно интересно: on-device AI постепенно становится не демонстрацией, а нормальным направлением прикладной разработки.

• Дэн Абрамов рассказал, как использовал Claude, чтобы подготовить фикс для бага в React, связанного с конкретной проблемой в трекере. Короткое объяснение подхода он оставил в Bluesky.
• WordPress.com теперь даёт управлять сайтом через AI-агента — ещё один пример того, как агентные интерфейсы просачиваются в привычные веб-продукты.
• Фил Итон собрал обзор политик AI-assisted contributions у 112 source-available проектов. Хорошее чтение для команд, которые ещё только формулируют собственные правила.

⚒️ Инструменты и библиотеки

Knip v6

Knip v6 продолжает делать одну очень полезную вещь: находить мусор в проекте, который со временем перестают замечать даже внимательные команды. В новой версии инструмент опирается на oxc-parser и обещает ускорение в 2-4 раза, что особенно приятно на крупных монорепозиториях.

Knex.js 3.2 и возвращение активной разработки

Knex.js 3.2 сам по себе уже неплохая новость для тех, у кого эта библиотека годами лежит в проде. Но ещё интереснее сигнал вокруг проекта: команда отдельно объявила о возвращении активной разработки, так что у старого знакомого SQL query builder снова появился заметный импульс.

csskit

csskit выглядит как инструмент, за которым стоит следить уже сейчас: форматирование, минификация, бандлинг и другие операции вокруг CSS в одном быстром toolchain. До production-ready состояния, судя по описанию, он ещё не дошёл, но направление очень любопытное.

Ещё несколько интересных инструментов

• ArrowJS 1.0 предлагает реактивный UI-рантайм на платформенных примитивах, без привычного тяжёлого фреймворкового слоя.
• Sugar High 1.0 — лёгкий JSX syntax highlighter, который можно использовать и вне React.
• Secretlint — узкоспециализированный инструмент для поиска секретов и чувствительных строк в репозитории.

Обновления

• Vavite 6 позволяет использовать Vite и для серверного Node-кода, включая HMR на обеих сторонах приложения.
• htmlparser2 12.0 обновил один из самых известных HTML/XML-парсеров для Node и браузера.
• Deno 2.7.6-2.7.8 добавили полезные улучшения вокруг deno eval, flamegraph и NodeRuntime CDP.
• pnpm/action-setup 5.0 теперь работает на Node.js v24.
• pnpm 10.33 добавил настройку dedupePeers.
• OpenAI Node 6.33.0 продолжает быстро обновляться вслед за API и моделями.
• Jotai 2.19.0 — свежее обновление минималистичного state management для React.
• React Stripe.js 6.0 — новая версия официальных React-компонентов для Stripe Elements.
• Bun 1.3.11, Valibot 1.3 и ESLint 10.1 — ещё три заметных обновления из JavaScript-экосистемы.
• Faker 10.4 и ws 8.20.0 — небольшие, но полезные обновления популярных библиотек.

🗂️ Ресурсы и вдохновение

Полезные каталоги, демо и штуки для закладок

• theSVG собирает 4000+ брендовых SVG-иконок, которые можно брать как SVG или сразу как JSX.
• docmd — минималистичный генератор документации без тяжёлого фреймворкового слоя.
• Tooscut показывает, как далеко уже ушёл браузерный видеомонтаж на WebGPU и WASM.
• Elena — маленькая библиотека для progressive web components, где HTML и CSS по-прежнему стоят впереди JavaScript.
• Detail — коллекция интерфейсных мелочей, которые делают продукт визуально аккуратнее и приятнее.
• Stroke превращает нарисованный от руки жест в Motion-анимацию для интерфейса.
• gh-space-shooter превращает contribution graph GitHub в стилизованных Space Invaders — бесполезно, но очень смешно.
• CroSSword — CSS-кроссворд на 89 терминов для тех, кто хочет развлечься и заодно что-то вспомнить.
• CSS Art: Cat Looking at the Stars — просто приятный пример того, что люди продолжают вытворять на чистом HTML и CSS.