Современный browserlist

Ребята, поскидывайте, пожалуйста, в комментарии свои конфиги браузерлиста. Буду очень благодарен

🦊 Привет, это Фронти!

Я принёш швежий выпуск #46 и шобрал главное жа неделю ✨
Пишу чуть шепеляво: у Лиша болит жуб, но фронтенд ждать не будет.

В этом выпуске: Safari 26.5 подтянул WebKit, браузеры пробуют встроенную уштоновку веб-приложений, TanStack пережил npm supply chain атаку, Rolldown 1.0 штал штабильным, GitHub ускорил Issues через local-first кеш, Bun 1.3.14 добавил изображения и HTTP/3, а Node.js 26 уже можно изучать глубже.

🧪 HTML и платформа
- Safari 26.5 принёш :open, доработки random(), SVG-улучшения и Origin API.
- Chrome и Edge тестируют новый <install> для уштоновки веб-приложений без лишнего JavaScript.
- Obs.js показывает, как подстраивать сайт под сеть, батарею, CPU и память пользователя.
- No-Vary-Search помогает кешам не считать каждый utm_source новой реальностью.
- Firefox DevTools учится удобнее искать внутри Shadow DOM.

🎨 CSS и интерфейшы
- Скоростью бесконечных CSS-анимаций можно управлять через переменную, а не плодить похожие @keyframes.
- Overflow-контейнеры снова напоминают: если мышью прокручивается, это ещё не значит, что клавиатурой тоже.
- Tailwind CSS v4.3 добавил утилиты для scrollbar, @container-size, zoom-* и другие практичные мелочи.
- Cascade даёт иконки для CSS-свойств, а Find Font помогает выбирать и сравнивать шрифты.

📦 JavaScript
- ShadowRealm обещает отдельное окружение для запуска JS без порчи глобального состояния.
- TanStack и другие npm-пакеты попали под supply chain атаку через CI, кеш и OIDC-токены.
- Главный вывод: шлишком швежий пакет иногда пахнет не релизом, а расследованием.
- Rolldown 1.0 стал штабильным Rust-бандлером и готовит быструю основу для Vite 8.
- Булевые параметры вида true, false, true снова доказали, что код иногда говорит: «угадай моё настроение».

⚛️ React и фреймворки
- GitHub сделал навигацию в Issues почти мгновенной через IndexedDB, local-first кеш и фоновые обновления.
- Raycast перевёл новый интерфейс на React и показал, что React давно живёт не только в браузерных вкладках.
- Evil Martians ушли с React на Web Components для небольшого виджета и сэкономили около 100 КБ.
- TanStack Form развивает headless-подход: логика формы отдельно, ваш UI отдельно.
- RSC Server Functions снова напоминают: серверная функция не заменяет нормальную API-границу.

🛰️ Сборка и фреймворки
- Astro 6.3 экспериментирует с advanced routing.
- Waku 1.0 Beta развивает минимальный RSC-фреймворк на Vite и Hono.
- Electron 42 обновился до Chromium 148, Node 24.15 и V8 14.8.


📘 TypeScript
- Свежий Valibot v1.4.0 особенно интересен тем, кто хочет проверять данные и не тащить в клиент лишний вес.

⚙️ Node.js и рантаймы
- Node.js 26 уже можно изучать через практические изменения, включая экспериментальную FFI-поддержку.
- Bun 1.3.14 добавил Bun.Image, global virtual store, HTTP/3 в Bun.serve и улучшения совместимости с Node.
- pnpm 11.1 добавил полезные команды вроде pnpm bugs и pnpm audit signatures.

✅ Тестирование и качество
- Jest 30.4.0 улучшил поддержку ESM, Temporal и React 19.
- Playwright 1.60.0 продолжает развивать браузерное тестирование.
- Julia Evans показала, как тестировать Vue-компоненты прямо в браузере.
- React Review проверяет PR на плохие React-паттерны в новых изменениях.

🦊 Лишья шутка недели:
TanStack пережил supply chain атаку, а npm снова напомнил: npm install звучит как команда, но иногда это жанр хоррора.

Rolldown 1.0 стал штабильным, Vite 8 уже где-то разминается, а webpack тихо смотрит в окно и говорит: «я тоже когда-то был быстрым в душе». Кстати, ходят слухи, что v6 не за горами.

Bun добавил обработку изображений, HTTP/3 и ещё пол-кухни. Осталось дождаться Bun.dentist(), потому что Лишу уже больно читать changelog.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-46/

Документация Node.js v25

Насткнулся на проект. Это перевод официальной документации Node.js. Сделано для v25, уже хорошо, что не для 16 =)

В закладки: https://nodejsdev.ru/api/

🦊 Привет, это Фронти!

Я принёс свежий выпуск #47 и собрал главное за неделю ✨

В этом выпуске: Google I/O показал WebMCP, HTML-in-Canvas и Baseline Checker, Firefox 151 добавил Document Picture-in-Picture, CSS получил round() и gap decorations, npm усиливает защиту staged publishing, Express обновил сайт и документы, React-экосистема снова обсуждает RSC, а Node.js 26.2 стабилизировал stream.compose.

🧪 HTML и веб-платформа
- Google I/O 2026 принёс WebMCP для связи сайтов с AI-агентами, Baseline Checker и идеи для AI-навыков прямо в Chrome.
- HTML-in-Canvas пробует соединить привычные HTML-элементы с гибкостью canvas для сложной графики и редакторов.
- Firefox 151 добавил Document Picture-in-Picture на десктопе и CSS @container style() queries.
- Поддержка RTL-языков снова напоминает: иногда два атрибута dir и lang чинят больше, чем неделя костылей.

🎨 CSS и интерфейсы
- CSS round() помогает делать fluid-размеры предсказуемее и аккуратнее.
- Gap decorations позволяют стилизовать промежутки между grid, flexbox и multi-column элементами без лишних обёрток.
- Julia Evans рассказала, как уход от Tailwind к обычному CSS помогает лучше увидеть структуру страницы.
- Cross-document View Transitions выглядят магически, но требуют внимания к состояниям, именам элементов и деталям реализации.
- Темы, CSS-фоны, shorthand-свойства и reset-кнопки снова доказали: CSS умеет быть и красивым, и коварным.

📦 JavaScript
- JSONRegistry предлагает способ сохранять и восстанавливать сложные пользовательские типы через JSON.
- Brownies даёт удобный API поверх cookies, storage и IndexedDB.
- Alien Signals добавляет маленькое реактивное ядро в духе Vue, Preact и Svelte.
- У Bun снова обсуждают Rust-порт и качество AI-портированного кода.
- История 2ality напоминает, как AI-краулеры уже меняют поведение авторов в открытом вебе.

⚛️ React и фреймворки
- Component Party сравнивает React, Vue, Svelte, Angular и другие фреймворки на одних и тех же задачах.
- TanStack показывает React Server Components как идею, а не только как фичу Next.js.
- Storybook 10.4 добавил первую поддержку TanStack React.
- Redux Toolkit, React Redux, Jotai, Fate, Rockpack и календарные компоненты тоже получили свежие обновления

🛰️ Сборка и фреймворки
- Angular 22 приближается к финальному релизу.
- Миграция с Webpack на Rspack снова показывает, насколько сильно Rust-инструменты могут ускорять сборку.
- Rolldown 1.0.1 продолжает готовить быстрый фундамент для будущего Vite.
- Vavite переносит удобства Vite в серверные приложения.
- Qite.js делает ставку на HTML, SSR, отсутствие build step и минимум магии

📘 TypeScript
- TypeORM 1.0 наконец вышел из долгой ветки 0.x и стал взрослее для production-проектов.
- Kanel 4.0 генерирует TypeScript-типы из Postgres и помогает держать схему БД ближе к коду.
- Vue.js Language Tools 3.3 улучшает поддержку Vue-файлов в редакторах.
- Deno 2.8 готовит поддержку TypeScript 6.0.3.

⚙️ Node.js и рантаймы
- Express получил новый сайт, бренд и обновлённую документацию. Старый дефолт явно решил выглядеть живым.
- npm вводит staged publishing и обсуждает opt-in для install scripts, чтобы supply chain атакам было сложнее жить.
- Новая волна Mini Shai-Hulud затронула 300+ npm-пакетов.
- Node.js 26.2 стабилизировал stream.compose, а fs.Stats начал поддерживать Temporal.Instant.
- Deno 2.8 обещает улучшенную совместимость с Node.js.
- Bun 1.3.14 добавил Bun.Image, HTTP/2, HTTP/3 и новые улучшения совместимости.
- В Node.js через FFI уже запустили Doom в терминале, потому что JavaScript должен уметь всё, даже когда его об этом не просили.

🦊 Лисья шутка недели:
Google показал WebMCP, чтобы сайты могли разговаривать с AI-агентами напрямую. Фронтендеры в этот момент всё ещё пытаются договориться с z-index, но переговоры идут тяжело.

npm добавил staged publishing, потому что экосистема наконец признала: npm publish не должен ощущаться как кнопка «выпустить дракона в прод».

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-47/

🦊 Привет, это Фронти!

Я принёс свежий выпуск #48 и собрал главное за неделю ✨

В этом выпуске: Chrome экспериментирует с declarative partial updates и безопасным HTML-стримингом, CSS снова обсуждает центрирование, layout gaps и view transitions, npm усиливает защиту публикаций и install scripts, Deno 2.8 резко подтягивает совместимость с Node.js, React отмечает 13 лет, а AI-инструменты всё чаще требуют не скорости, а внимательной проверки.

🧪 HTML и платформа
- Chrome пробует Declarative Partial Updates: <template for>, setHTML() и streamHTML() могут сделать динамический HTML более декларативным и безопасным.
- Manuel Matuzovic напомнил, почему aria-label на обычных div и span часто не даёт ожидаемой доступности.
- Web Components снова выглядят практичным фундаментом для дизайн-систем, которые должны жить между React, Vue, Svelte и другими мирами.

🎨 CSS и интерфейсы
- Современное центрирование в CSS стало мощнее: grid, flexbox, place-content и anchor positioning закрывают всё больше кейсов.
- CSS Layout всё ещё не идеален: разработчикам не хватает более выразительных инструментов для сложных сеток и адаптивных интерфейсов.
- sibling-index() и sibling-count() помогают строить математические раскладки без лишнего JavaScript.

📦 JavaScript
- Mozilla готовится окончательно попрощаться с asm.js: WebAssembly уже давно занял его место для производительного кода в браузере.
- JS Crossword проверяет знание странностей JavaScript и напоминает, что язык всё ещё умеет удивлять даже опытных людей.
- ECharts, Perspective, Partytown и @atproto SDK получили обновления для визуализации, производительности и ESM-экосистемы.

⚛️ React и фреймворки
- React исполнилось 13 лет, и экосистема отметила это максимально по-реактовски: любовью, усталостью и длинными обсуждениями.
- React Router 7.16 готовит проекты к будущему v8 через стабилизированные future-флаги.
- Материалы про React at 60 FPS снова напоминают: производительность начинается не с memo, а с понимания кадра.

⚙️ Node.js и рантаймы
- Deno 2.8 резко приблизился к Node.js-экосистеме: совместимость выросла до 76.4%, а npm: больше не нужен при установке пакетов.
- npm включил staged publishing, новые --allow-* флаги и первые шаги к opt-in политике install scripts.
- Mini Shai-Hulud снова напомнил, что supply chain — это не абстрактная страшилка, а реальный риск для npm-проектов.
- Node.js 24.16 LTS добавил crypto.randomUUIDv7(), hex-цвета в util.styleText и рандомизацию порядка тестов.
- Streams в Node.js могут протекать даже с pipeline(), если забыть про реальные сбои, таймауты и отключившихся клиентов.

🤖 ИИ
- Google выпустил Modern Web Guidance для AI-агентов, но специалисты по доступности уже напоминают: подсказки не заменяют понимание платформы.
- AI-разработка может ускорять код и одновременно выжигать разработчика, потому что проверять и удерживать контекст всё равно приходится человеку.
- State of Web Dev AI 2026 показывает, как разработчики реально используют AI и чего опасаются.
- Flue от Astro предлагает TypeScript-фреймворк для программируемых AI-агентов поверх Node.js.

🦊 Лисья шутка недели:
Chrome добавил streamHTML(), и теперь фронтендеры наконец смогут стримить HTML безопасно — то есть делать то же самое, что раньше, только с меньшим ощущением, что DOM сейчас спросит: «а ты точно знаешь, что вставляешь?»

А Deno с совместимостью Node.js на 76.4% выглядит как разработчик, который говорил «я не такой, как npm», а потом всё равно пришёл на встречу в худи с node_modules.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-48/

Пока Фронти уехал думать в лес, я решил подготовить праздничное событие. У нас с вами наступил 50 выпуск. В эту круглую дату можно поиграть в Wordle про CSS-фичи. Вы же не забыли, что я известный в узких кругах CSS-исследователь? =) Я взял все данные про CSS. Прогнал через кучу фильтров и выжал из данных только хардкор. Например, xywh как вам CSS-фича? Как такое вообще угадать?

Вы можете пройти по адресу https://frontend-weekly.ru/css-wordle/ и поиграть. 1 угаданное слово = 1 балл в рейтинге. Правда надо залогиниться с помощью github, думаю это не проблема, чтобы поучаствовать в рейтинге. Спустя месяц я подведу итоги и выдам призы первой тройке игроков. Точную дату я напишу позже.

Я считаю, что игру пройти невозможно, но занять какое-то призовое место будет приятно.

В игре также добавлено одно единственное слово, которое не относится к CSS-фиче, но те, кто хоть немножко меня знают бысто его угадают. Вы там на месте всё поймёте =)

Всем удачи!

PS: если найдёте баги, то пишите в личку. А также поделитесь постом с коллегами. Пускай поймут, что CSS это сложно =)

Пока человек там, что-то бубнит себе под нос, я вообще-то подготовил новый выпуск!

🦊 Привет, это Фронти!

Я принёс юбилейный выпуск #50 и собрал главное за неделю ✨

В этом выпуске: Safari 27 beta привёз пачку новых возможностей платформы, HTML-first подход снова показал силу обычных форм, CSS получает @function, gap decorations и View Transitions, Angular 22 стабилизирует важные части фреймворка, VoidZero переезжает к Cloudflare, React Compiler готовит Rust-порт, npm v12 ужесточает install scripts.

🧪 HTML и платформа
- Safari 27 beta добавил кастомизируемый <select>, sizes="auto", новые CSS-возможности и улучшения ESM/WASM.
- HTML-first кейс показал, что обычные серверные формы эффективнее дорогих SPA-переделок.
- Контекстные заголовки и headingoffset помогают компонентам не ломать структуру страницы при переиспользовании.

🎨 CSS и интерфейсы
- CSS @function делает стили ближе к настоящим вычислениям без препроцессора.
- Gap decorations позволяют стилизовать промежутки в grid и flex без псевдоэлементов и лишних обёрток.
- CSS View Transitions между документами дают обычным сайтам плавность приложения без клиентского роутера.
- WebKit выпустил интерактивный справочник по CSS Grid Lanes.

♿ Доступность и UX
- Порядок фокуса обычно не нужно размечать вручную, если HTML и визуальная структура уже нормальные.
- Мифы о доступности снова разобрали практично: «дорого», «потом» и «нашим не нужно» всё ещё плохие аргументы.
- Дизайн-системы теперь приходится готовить не только для людей, но и для AI-инструментов.

⚛️ React и фреймворки
- Angular 22 стабилизировал Signal Forms, Angular Aria и асинхронную реактивность.
- VoidZero присоединился к Cloudflare, а Vite-экосистема получила фонд на 1 миллион долларов.
- Rust-порт React Compiler уже близко к тестированию.
- React Foundation запустил новый сайт, а репозиторий React переехал из facebook/react в react/react.

📦 JavaScript
- Source maps помогают отлаживать продакшен, но без контроля доступа могут случайно раскрыть исходники.
- NoLoJS напоминает: часть привычных JS-задач уже можно закрыть HTML, CSS или совсем маленьким скриптом.

📘 TypeScript
- TypeScript хорошо выводит type variables, но всё ещё не умеет читать мысли разработчика.

⚙️ Node.js
- npm v12 перестанет автоматически запускать install scripts по умолчанию.
- Node.js переходит к одному major-релизу в год, начиная с Node 27.
- npm supply chain снова шумит

🧬 Рантаймы, сборка и WASM
- Deno снова обсуждают через вопрос идентичности: веб-стандарты и zero-config или всё больше совместимости с Node.js.
- Bun стал поводом поговорить о том, как AI меняет open source-инфраструктуру.
- Electron 43 beta ускоряется за счёт Node snapshot, V8 bytecode cache и оптимизации бинарника.
- Rolldown 1.1 и Emscripten 6.0 продолжают двигать сборку и WASM-инструменты вперёд.

🤖 ИИ
- В эпоху coding agents ценность всё сильнее смещается к вкусу, проверкам, владению продуктом и умению давать модели строгую обратную связь.
- VS Code Agent Hook показывает, как IDE постепенно становится средой для совместной работы человека и агента.

🦊 Лисья шутка недели:
Safari 27 beta добавил кастомизируемый <select>, и где-то фронтендер впервые за долгое время посмотрел на нативный HTML-элемент без выражения «сейчас я тебя перепишу на div».

npm v12 отключает install scripts по умолчанию, а node_modules впервые почувствовал, что к нему пришли не с доверием, а с ордером на обыск.

HTML-first сайт удвоил число завершённых форм, и одна SPA в этот момент тихо открыла DevTools, чтобы понять, как обычная форма прошла собеседование без 17 провайдеров состояния.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-50/

🦊 Привет, это Фронти!

Я принёс свежий выпуск #51 и собрал главное за неделю ✨

В этом выпуске: MDN подключается к AI-агентам, Babel 8 окончательно выбирает ESM, React Compiler переписывают на Rust, TypeScript 7 добрался до RC, Node.js закрывает 11 уязвимостей, npm готовится отключить install scripts, а WASI 0.3 приносит асинхронность в WebAssembly.

🧪 HTML и платформа
- MDN представила официальный MCP-сервер: AI-агенты смогут сверяться со свежей документацией и поддержкой API прямо во время работы.
- WebKit напомнил главное правило кастомизируемого <select>: текст в <option> нельзя заменять одними иконками и цветом.
- В WHATWG предложили встроенное локализованное отображение времени без дополнительного JavaScript.
- Chrome экспериментирует с потоковым HTML через textStream(), а Firefox 152 получил field-sizing.

🎨 CSS и дизайн
- У CSS @function обнаружились важные особенности области видимости, которые стоит учитывать авторам библиотек.
- Для 3D View Transitions недостаточно повесить perspective на привычного родителя: псевдоэлементы живут в отдельном дереве.
- Круговые диаграммы, текстурированные 3D-модели и реактивные эффекты всё увереннее собираются средствами CSS — иногда даже без Canvas и WebGL.

📦 JavaScript
- Babel 8 вышел спустя примерно восемь лет после прошлого major-релиза: теперь только ESM, встроенные TypeScript-типы и никаких ES5 с CommonJS по умолчанию.
- zod-compiler превращает Zod-схемы в быстрые валидаторы, а Compilecat исследует глубокую оптимизацию целых программ.
- В eslint-plugin-unicorn уже 200 строгих правил — включая рекомендации предпочитать Temporal и HTTPS.

⚛️ React и фреймворки
- React Router 8 сознательно выбрал предсказуемый релиз без архитектурной революции. Иногда «скучно» — это именно то, чего хочется от роутера.
- Rust-версия React Compiler вошла в основной репозиторий React и постепенно появляется в Next.js, SWC, Oxlint и Rolldown.
- React Redux экспериментирует с signals для более точечных обновлений компонентов.
- SvelteKit 3, Vue 3.6, Vite 8.1 и Astro 7 одновременно готовят новые версии.

📘 TypeScript
- TypeScript 7.0 дошёл до RC: будущий major уже можно проверять на настоящих проектах.

⚙️ Node.js
- В поддерживаемых ветках Node.js закрыли 11 уязвимостей, включая две проблемы высокой серьёзности.
- npm 12 перестанет автоматически выполнять install scripts: опасные postinstall больше не смогут притворяться обычной частью знакомства.
- Поддельное тестовое задание от «рекрутера» оказалось Node.js-проектом с бэкдором. Ещё один повод сначала читать чужой код в изоляции и только потом запускать.

🧬 WebAssembly
- WASI 0.3 добавляет нативную асинхронность компонентам WebAssembly для сети, файлового ввода-вывода и долгих операций.
- Старый USB-сканер удалось вернуть к жизни через WASM-эмулятор и WebUSB прямо в браузере.

🤖 ИИ
- TanStack AI вышел в beta и предлагает единый слой для разных моделей, провайдеров и UI-фреймворков.
- Веб-семантика, доступность и понятная структура страниц снова выглядят полезнее специальных API только для агентов: хороший веб понятен и людям, и машинам.

⚒️ Инструменты
- Playwright 1.61 научился тестировать passkeys и напрямую управлять localStorage и sessionStorage.
- Biome преодолел отметку в 500 правил, а ESLint 10.5 стал точнее подсвечивать проблемный код.

🦊 Лисья шутка недели:
React Router 8 назвали «скучным», и фронтендеры впервые обрадовались: роутер наконец перестал быть главным сюжетным поворотом приложения.

npm отключает install scripts по умолчанию. Теперь пакетам придётся спрашивать разрешение, прежде чем скачать бинарник, пересобрать полпроекта и загадочно прогреть ноутбук.

А Babel 8 перешёл только на ESM — где-то один древний require() уже пишет пост: «После восьми лет вместе меня просто экспортировали из отношений».

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-51/

🦊 Привет, это Фронти!

Я принёс свежий выпуск #52 и собрал главное за неделю ✨

В этом выпуске: Mozilla предлагает бороться с ботами без слежки, HTML обсуждает локализованное время прямо в <time>, браузерные приложения всё увереннее работают с локальными директориями, CSS собирает темы из одного цвета и запускает Quake в DOM, Next.js 16.3 ускоряет навигацию, Astro 7 и Vite 8.1 разгоняют сборку, TypeScript 7 RC уже близко, Node.js 26.4 пробует package maps.

🧪 HTML и платформа
- Mozilla рассказала про PACT: способ ограничивать ботов через anonymous credentials без превращения каждого пользователя в трекинговый идентификатор.
- В WHATWG обсуждают встроенное локализованное время для <time>, чтобы простые даты можно было показывать без отдельной JS-библиотеки.
- window.showDirectoryPicker открывает всё больше сценариев для браузерных IDE, редакторов и локальных веб-приложений.
- Эксперимент с сайтом внутри favicon напоминает: веб-форматы иногда гораздо страннее и гибче, чем выглядят.

🎨 CSS и интерфейсы
- Modern CSS theming через light-dark(), contrast-color() и style queries позволяет строить тему почти из одного брендового цвета.
- Grid Lanes могут ломать порядок фокуса, поэтому красивые раскладки всё ещё нужно проверять клавиатурой.
- <dialog> можно аккуратно оживлять через View Transitions и прогрессивное улучшение.
- А ещё Quake запустили на HTML-элементах и CSS 3D без WebGL и canvas. Просто потому что веб опять решил: «а почему бы и нет».

♿ Доступность и UX
- В navigation labels не нужно повторять слово navigation: скринридер уже знает роль элемента.

📦 JavaScript
- JavaScript всё ещё плохо умеет поставлять полноценные full-stack модули «одним пакетом», и Wasp хорошо объясняет почему.

⚛️ React и фреймворки
- Next.js 16.3 делает переходы почти мгновенными, не превращая приложение полностью в SPA.
- Linear переехал со styled-components на StyleX и получил заметное ускорение навигации.
- Кастомный React renderer помогает лучше понять reconciler после deprecation React Test Renderer.
- TanStack Table v9 сэкономил около 90% памяти простой переработкой структуры объектов.
- Waku развивает reusable server slices, а Takumi 2.0 рендерит React-компоненты в изображения без браузера.

🛰️ Сборка и рантаймы
- Astro 7 ускоряет контентные сайты через Rust-powered pipeline, Vite 8 и Rolldown.
- Vite 8.1 добавил experimental bundled dev mode для больших проектов и новые CSS-возможности.
- Nx 23 теперь может отдавать часть миграционной работы AI-агентам.
- Deno 2.9 учится собирать JavaScript-проекты в десктопные приложения через deno desktop.
- Bun предложил shared-memory threads для JavaScriptCore.

📘 TypeScript
- TypeScript 7.0 дошёл до release candidate и приближает Go-powered компилятор с обещанием примерно десятикратного ускорения.
- Старые moduleResolution: node и node10 уходят, так что миграционную ветку лучше завести заранее.

⚙️ Node.js и пакеты
- Node.js 26.4 добавил экспериментальные package maps для статического резолва зависимостей.
- npm 12 готовится не запускать install scripts по умолчанию, но supply chain-безопасность этим одним флажком не закрывается.
- Идея npm на AT Protocol звучит как мысленный эксперимент про доверие, идентичность и социальную модель пакетных registry.
- Бенчмарк WebSocket-серверов от Evil Martians снова показал: измерять производительность сложнее, чем получить красивый график.
- pnpm экспериментирует с собственным registry-сервером pnpr на Rust.

🦊 Лисья шутка недели:
Next.js сделал навигацию почти мгновенной без полного ухода в SPA. Старые single-page приложения посмотрели на это и такие: «то есть можно было не держать пользователя в заложниках у спиннера?»

MDN запустил MCP-сервер для агентов, и теперь AI хотя бы официально сможет узнать, что div с onClick — это не кнопка, а крик о помощи.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-52/

Baseline: май 2026

В мае следующие фичи перешли в статус Widely available:
• lh/rlh unit
• User activation
• Clip path boxed
• :user-valid и :user-invalid

Подробнее на хабре.

В следующем месяце, который через несколько дней, нас ожидают 16 фич. Из них четыре прям эпичные =)

gap

Как обычно, открыв страницу со спецификациями, я решил побродить и поискать что-нибудь новенькое для себя, например про text-fit, про который я скоро напишу, но, к моему удивлению, я наткнулся на, почему-то новенькую и свеженькую спецификацию про гэпы. Чтобы вы понимали, бедный gap кочует из спецификации в спецификацию, и я надеюсь, что он нашёл свой настоящий дом =)

Вот вам короткая история гэпов =)

Первое упоминание гэпов происходит 6 августа 2015 года в спецификации CSS Grid Layout Module Level 1 в статусе Working Draft (WD). В этой спецификации используются, обращаю ваше внимание, column-gap, row-gap и grid-gap. Пока эта спецификация дорабатывается и доходит до статуса Candidate Recommendation, через год, 29 сентября 2016 года, свойства меняют свои имена на grid-column-gap, grid-row-gap и grid-gap.

Со временем работы с гэпами стало понятно, что их будут использовать куда чаще, чем margin или padding, и было принято дать возможность использовать гэп в других контекстах, например во флексовом. Поэтому 6 сентября 2017 года гэпы переехали в новый для себя дом — в спецификацию CSS Box Alignment Module Level 3. Там же у свойств удалили префикс grid-, так как гэпы теперь можно использовать не только в гридах: column-gap, row-gap и gap, а все свойства гэпов с префиксом grid- теперь считаются устаревшими. Кстати, можете пройтись поиском по вашему проекту и поискать в нём grid-. Уже давно можно смело удалить префикс для гэпов.

30 августа 2018 года в этой же спецификации расширяют использование гэпов. Теперь их можно использовать для гридов, флексов и мультиколонок.

Где-то в промежутке появляется возможность стилизовать гэпы — CSS Gap Decorations Module Level 1. Про это я писал у себя в блоге.

И вот 24 июня 2026 года гэпы переселяют в CSS Gaps Module Level 1, причём совместно с декоративными возможностями. Это значит, CSS Gap Decorations Module Level 1 можно смело удалять =)

text-fit

Совершенно новёхонькое CSS-свойство text-fit, которое реализовано только в Chrome 150 и заменяющее, в будущем, кучки кода на JS или CSS.

text-fit автоматически масштабирует размер шрифта, чтобы текст идеально соответствовал ширине его блока - похоже же на жидкую типографику?

Чуть подробнее в статье https://shabalin.online/blog/css/text-fit/
К сожалению все примеры в статье работают только в 150 хроме, который сейчас есть только на десктопе

🦊 Привет, это Фронти!

Я принёс свежий выпуск #53 и собрал главное за неделю ✨

В этом выпуске: Chrome готовит нативный <usermedia> для камеры и микрофона, CSS снова отбирает работу у JavaScript, Deno 2.9 делает шаг к desktop-приложениям, TypeScript 7 ускоряет VS Code, Meta открыла Astryx, npm усиливает защиту пакетов, а AI-инструменты всё глубже встраиваются в разработку.

🧪 HTML и платформа
- Chrome готовит элемент <usermedia>, чтобы сценарии с камерой и микрофоном стали понятнее и безопаснее.
- Chrome 150 добавляет text-fit и более удобные градиентные рамки.
- Pointer Events Level 3 стали рекомендацией W3C.
- WebGL можно рендерить даже на сервере без GPU, если очень захотеть и правильно настроить CPU-эмуляцию.

🎨 CSS и интерфейсы
- Jake Archibald разбирает, как подобрать нормальную высоту для кастомизируемого <select>.
- CSS-состояния всё чаще заменяют JavaScript-события там, где интерфейсу нужно просто реагировать на состояние.
- Темная тема должна не только включаться, но и помнить выбор пользователя без мигания при загрузке.
- Маски, scroll-driven animations и новые CSS-приёмы снова доказывают: иногда самый короткий путь к вау-эффекту не через npm install.

📦 JavaScript, Deno и WebAssembly
- Deno 2.9 добавил deno desktop и всё увереннее двигается за пределы «ещё одного рантайма для скриптов».
- WebAssembly-рантаймы снова сравнили по производительности в 2026 году.
- Wakaru 1.6 лучше восстанавливает JS-бандлы, TurboRes декодирует Apple ProRes через Zig/WASM, а Chrono помогает разбирать даты из обычного текста.

📘 TypeScript
- VS Code уже пробует Go-based компилятор TypeScript 7: проверка типов ускорилась с 36 секунд до 5.
- Flow переехал с OCaml на Rust, потому что крупные инструменты типизации тоже хотят быть быстрее и проще в поддержке.

⚛️ React
- Meta открыла Astryx Design System: больше 160 React-компонентов, темы, шаблоны и StyleX внутри.
- Один hydration mismatch может испортить LCP сильнее, чем кажется.
- React Compiler полезен, но не превращает мутирующие данные и странные зависимости в архитектуру мечты.
- В экосистеме: Storybook для TanStack, AI-улучшения Next.js 16.3, Vercel Services, чат-компоненты shadcn/ui и много свежих React-библиотек.

🛰️ Фреймворки и сборка
- Svelte выпустил июльское обновление экосистемы.
- Angular получил spartan/ui 1.0, Rspack вышел в версии 2.1, а Wasp показал file-based router меньше чем за 50 строк.

⚙️ Node.js и npm
- Node.js 26.4 добавил экспериментальные package maps.
- npm 12 preview уже стоит тестировать: впереди breaking changes и более строгая работа с .npmrc.
- npm усиливает защиту high impact accounts, но install scripts всё ещё не единственная проблема supply chain.

🤖 ИИ
- DESIGN.md предлагает формат описания дизайн-системы для coding agents.
- Появляются инструменты для design review, поиска по коду, HUD для Claude Code и проверки того, как бренд выглядит внутри AI-сервисов.

🦊 Лисья шутка недели:
CSS снова забирает работу у JavaScript, и где-то один onClick уже нервно обновляет LinkedIn: «открыт к новым возможностям, желательно не через `:has()`».

TypeScript 7 ускорил VS Code на Go, Flow переехал на Rust, а обычный фронтендер всё ещё ждёт, когда его проект ускорится после удаления трёх неиспользуемых useMemo.

А npm тем временем усиливает безопасность пакетов. Очень правильно: если уж dependency должна сломать прод в пятницу вечером, пусть хотя бы делает это с подтверждённым email и 2FA.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-53/

🦊 Привет, это Фронти!

Я принёс свежий выпуск #54 и собрал главное за неделю ✨

В этом выпуске: Safari учит AI-агентов смотреть в настоящий браузер, Chrome аккуратнее работает с буфером обмена, CSS получает якоря, миксины и фигурные рамки, ECMAScript 2026 уже почти весь живёт в рантаймах, Bun переписывают на Rust, TypeScript 7 выходит с Go-компилятором, npm 12 отключает install scripts по умолчанию, а Google проверяет сайты на готовность к AI-агентам.

🧪 HTML и платформа
- Safari Technology Preview 247 добавил Safari MCP Server: AI-агенты теперь могут смотреть на реальную страницу, DOM и поведение интерфейса в браузере.
- Chrome улучшает Async Clipboard API: данные из буфера обмена будут загружаться ленивее и аккуратнее по MIME-типам.
- Edge DevTools получил подсветку layout gaps, улучшения клавиатурной доступности и помощь при миграции PWA.

🎨 CSS и интерфейсы
- CSS Anchor Positioning всё ближе к нормальной жизни: tooltips, popovers и меню можно будет привязывать к элементам без ручного пересчёта координат.
- В Chromium начали реализацию CSS Mixins — браузеры снова тихо забирают работу, ради которой мы годами держали препроцессоры.
- border-shape показывает будущее декоративных рамок, сложных углов и форм без пачки SVG и лишних обёрток.

♿ Доступность и UX
- Grace Snow написала о дизайне для людей с трудностями чтения: понятный язык, структура, контраст и отсутствие перегруза важнее декоративной магии.

📦 JavaScript, Deno, Bun и WebAssembly
- ECMAScript 2026 утверждён: среди приятного — Array.fromAsync, Base64/Hex для Uint8Array и другие улучшения стандартной библиотеки.
- Bun переписывают на Rust, причём большая часть порта была сделана с участием AI-инструментов.

📘 TypeScript
- TypeScript 7.0 вышел с новым Go-компилятором и обещает заметно ускорить проверку типов в больших проектах.
- Переходить всем сразу рано: программного API пока нет, поэтому часть инструментов ещё будет жить на TypeScript 6.0.
- Заодно есть хороший разбор distributive conditional types — той самой магии, где T extends ... ? ... : ... внезапно начинает вести себя слишком умно.

⚛️ React
- Документация React подробно объяснила, что активирует Suspense boundary.
- React Forms Done Right проходит путь от обычных HTML-форм до React 19 actions, TanStack Form и Zod.

🛰️ Фреймворки и сборка
- Vite+ Beta предлагает одну команду vp для dev server, тестов, форматирования, lint и сборки.
- Cloudflare выпустила vinext 1.0 Beta — Vite-плагин, который переосмысляет Next.js API, включая App Router, RSC, Server Actions и ISR.
- Есть свежий взгляд React-разработчика на SolidJS 2.0 и сравнение Kotlin Multiplatform с React Native на одинаковом приложении.

⚙️ Node.js
- npm 12 стал стабильным и отключил lifecycle scripts при установке по умолчанию — большой шаг в сторону supply chain-безопасности.
- Node.js 26.5.0 добавил экспериментальный импорт текстовых файлов в ES modules через import attributes.
- В Node появились blob.textStream() и новые возможности для измерения задержек event loop.

🤖 ИИ
- Google представила Agent-Ready Toolkit в Lighthouse: он проверяет, насколько сайт понятен AI-агентам.
- Автор htmx показал спокойный практический пример работы с AI: не магия вместо инженера, а помощник в расследовании бага.

🦊 Лисья шутка недели:
Safari MCP Server теперь даёт AI-агенту посмотреть на реальный браузер. Где-то один layout впервые понял, что фраза «у меня локально работает» больше не является алиби.

npm 12 отключил install scripts по умолчанию, и тысячи пакетов внезапно такие: «а можно мы просто установимся, без маленького перформанса на postinstall?»

TypeScript 7 переписали на Go ради скорости. Теперь типы проверяются быстрее, а разработчик всё равно сидит и думает: «почему этот conditional type смотрит на меня как на junior-а?»

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-54/

Завтра подведём итоги события!

Итоги события

Привет. Вот и настала пора подводить итоги.

1. Boris. Получил месячную подписку на Cursor Pro
2. KoryakinaSvetlana. Получит месячную подписку на ChatGPT Plus (Codex)
3. DarthVitalus. Получил бы ChatGPT GO, но придумали кое-что другое

Всем остальным спасибо большое за участие. Было приятно видеть, что в игру поиграли.

Участники вечно будут упомянуты на странице https://frontend-weekly.ru/css-wordle/

До встречи в сотом выпуске =)

🦊 Привет, это Фронти!

Коля уйдёт в отпуск на две недели, а я как всегда принёс свежий выпуск #55 и собрал главное за неделю ✨

В этом выпуске: фронтенд размышляет о жизни без сборщиков, CSS укрощает специфичность и современные цвета, Bun переезжает с Zig на Rust, npm 12 делает установку зависимостей безопаснее, TypeScript 7 ускоряется благодаря Go, Node.js разбирает жизнь HTTP-запроса по миллисекундам, а LiteRT.js запускает ИИ прямо в браузере.

🧪 HTML и веб-платформа
- Современным браузерам всё реже нужна сложная сборка: небольшие сайты уже могут обойтись без транспиляции, Sass и километров конфигурации.
- CSS Linked Parameters позволят передавать значения темы во внешние SVG и другие ресурсы.
- Firefox планирует перейти на двухнедельный цикл релизов

🎨 CSS и дизайн
- @layer помогает отделять дизайн-токены от основных стилей и переопределять тему без войн специфичности и армии !important.
- Color.js 0.7 улучшил работу с современными цветовыми пространствами и отображением цветов на разных экранах.
- AVIF не всегда компактнее WebP, поэтому даже самые современные форматы всё ещё просят не верить им на слово, а измерять.

♿ Доступность и UX
- Надёжные правила контраста, выравнивания и отступов часто полезнее очередного визуального тренда.
- Баг, затронувший только левшей, напоминает: привычный сценарий использования никогда не бывает единственным.

📦 JavaScript и рантаймы
- Bun переписали с Zig на Rust, а большую часть механической миграции помогали выполнять параллельные экземпляры Claude Code. Основой новой реализации станет Bun 1.4.
- TC39 обсуждает Await Dictionary, точные десятичные вычисления и Map.take.
- Разбор Proxy и Reflect постепенно собирает маленькую реактивную систему, похожую на механизм Vue 3.

⚛️ React и фреймворки
- SolidJS 2 показывает React-разработчикам сигналы и точечные обновления DOM без повторного рендера всего компонента.
- Vinext повторяет API Next.js поверх Vite, Mantine Vue переносит знакомые React-компоненты во Vue, а Ilha развивает островную архитектуру.

⚙️ Node.js
- Интерактивный разбор проводит HTTP-запрос от клика через DNS, event loop и сервер до базы данных — всё путешествие примерно за 200 миллисекунд.
- fetch() предлагают дополнить нормальными кодами ошибок, чтобы вместо загадочного TypeError приложение понимало настоящую причину сбоя.
- Node.js 26.5 научился импортировать текстовые файлы как модули и читать содержимое Blob потоково.

🤖 ИИ и агентная разработка
- LiteRT.js запускает модели локально в браузере: данные можно не отправлять на сервер, а приложение способно работать без сети.

🦊 Лисья шутка недели:
Bun переехал с Zig на Rust, TypeScript — на Go, а Perry написал TypeScript-компилятор на Rust. JavaScript-экосистема снова доказала: на JavaScript в ней можно написать всё — кроме самой JavaScript-экосистемы.

npm 12 отключил install-скрипты по умолчанию. Теперь npm install наконец означает «установить пакет», а не «дать незнакомцу ключи от квартиры и надеяться, что он просто соберёт нативный модуль».

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

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-55/