Сегодня иду на я.субботник в Питере. У вас есть возможность сходить онлайн

https://events.yandex.ru/events/ya-subbotnik-2025-12-06

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

Пока Коля шастает по митапам, я приготовил новый выпуск. Встречайте дайджест #28! 🎉

🎄 Адвент-календари для веб-разработчиков, Masonry нативно в CSS, JavaScript исполнилось 30 лет, TypeScript 7 будет на Go (10× быстрее!), критическая уязвимость в React Server Components, атака на Next.js, Vite 8 Beta, Baseline важен, CSS-in-JS плохая идея, и pnpm 10.24 быстрее!

Что интересного произошло на этой неделе? 🚀

🎄 Декабрь — время адвент-календарей!

🧪 HTML и Платформа
* Что такое Baseline и почему это важно? Проект Baseline от Google фиксирует набор веб-фич, которые уже поддерживаются всеми основными браузерами. Новая серия статей на web.dev показывает, как использовать эти возможности на практике — например, для создания слоистых UI-паттернов


🎨 CSS и дизайн
* Masonry: Больше не нужна библиотека! Браузеры наконец-то научились делать «кирпичную» вёрстку без JavaScript.
* Почему CSS-in-JS — плохая идея? Автор утверждает, что CSS-in-JS принёс новые сложности: плохую производительность, увеличение размера бандлов и путаницу в отладке. Статья предлагает вернуться к «чистому» CSS и использовать современные подходы вроде CSS-слоёв и scope'ов
* Как делать не квадратные блюры на изображениях — Ана Тудор показывает, как создавать эффект размытия вокруг изображения, даже если оно не квадратное, используя только CSS
* Как правильно фиксировать позицию при открытом диалоге — Джефф Грэм предлагает простое решение, чтобы отключать прокрутку, но не терять макет при появлении модального окна
* Как избежать сдвига макета из-за скроллбара — Амит Мерчант делится CSS-хаком, который предотвращает «прыжки» страницы при появлении и исчезновении вертикального скроллбара
* Якорное позиционирование и IMCB — Брамус Ван Дамме объясняет, как работает новая CSS-техника якорного позиционирования через position-area и inset

📦 JavaScript
* JavaScript исполнилось 30 лет! В декабре 1995 года Netscape и Sun Microsystems официально представили язык, изначально названный Mocha, а затем LiveScript. За три десятилетия он стал основой веба — от простых интерактивных элементов до приложений на сервере, в мобильных устройствах и даже на микроконтроллерах

TypeScript
* TypeScript 7 будет на 10× быстрее благодаря Go! Команда TypeScript работает над двумя крупными релизами: версия 6.0 станет последней, написанной на JavaScript, а 7.0 — первой, полностью переписанной на Go. Это обещает ускорение компиляции до 10 раз

⚛️ React и фреймворки
* Критическая уязвимость в React Server Components — в некоторых версиях React (v19.0, 19.1.0, 19.1.1 и 19.2.0) обнаружена серьёзная уязвимость, позволяющая выполнять произвольный код на сервере (RCE). Команда React выпустила срочные обновления: React 19.0.1, 19.1.2 и 19.2.1 — обязательно обновитесь, если используете RSC!
* React Router добавляет поддержку React Server Components — Kent C. Dodds рассказывает о том, как React Router внедряет поддержку RSC. Это пока экспериментальная функция, но она уже почти готова к использованию
* Атака на Next.js за $0.0001 — описана уязвимость, позволявшая перегружать серверы Next.js. Проблема уже исправлена: обновитесь до Next.js 15.5.5 или 16+
* «Новая архитектура» React Native теперь основная — участники команды React Native объясняют, почему новая архитектура теперь стала стандартом
* Vite 8 Beta: сборка на Rolldown — первая бета-версия Vite 8, использующая новый бандлер Rolldown, обещает значительно ускорить сборку в продакшене и улучшить расширяемость инструмента

Ещё более 100 новостей ждут вас в полном выпуске!

🦊 Лисья шутка недели:
— Что сказал JavaScript, когда ему исполнилось 30 лет?
— "Я всё ещё молод душой, но уже достаточно зрелый, чтобы управлять всем интернетом!" 🎯

🦊 Важное объявление от лиса: Ближе к новому году количество новостей в дайджестах будет сокращаться — все авторы начинают готовиться к отдыху и праздникам. Но мы всё равно будем радовать вас самыми важными и интересными новостями! 🎄

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

Декабрь

С вами Николай Шабалин широко известный в узких кругах собиратель CSS-свойств.

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

На следующей неделе встретимся на стриме Академии в онлайне, где обсудим CSS за 2025 год. Не пропустите это будет легендарно.

Ещё через неделю сможем встретиться в офлайне на PiterJS. Где я уже в формате доклада расскажу про HTML и CSS за 2025 год.

До встречи!)

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

Встречайте дайджест #29! 🎉
CSS Wrapped 2025, React 19.2 спасает INP, критическая React2Shell для Next.js, TypeScript 7 на Go (10× быстрее!), Node 24.12 с type stripping, Deno 2.6 с dx и audit, Baseline превращается в чек-лист, Vite 8 beta и pnpm 10.25 заряжают сборку. Что интересного на этой неделе? 🚀

🧪 HTML и Платформа
- HTML-инструменты в одном файле: опыт быстрой сборки с LLM.
- Зачем lang и как им управлять поповерами через Invoker Commands API.
- Canvas без мерцаний и напоминание от W3C: лучше никакого ARIA, чем плохого.

🎨 CSS и дизайн
- CSS Wrapped 2025: карусели, кастомные select, scroll-state queries.
- Delayed Message Timing: новый API для тяжёлых веб-приложений.
- Два дерева доступности в Chrome и гигабайты Base64 в секунду.
- NoLoJS: меньше JS, больше HTML+CSS.

📦 JavaScript / TypeScript
- TypeScript 7 переписывают на Go — до 10× быстрее.
- Типизация через JSDoc без миграции на TS.

⚛️ React и фреймворки
- React 19.2: <Activity /> + Performance Tracks для лучшего INP.
- React2Shell (CVE-2025-55182): срочно патчим Next.js и RSC.
- React Grab для агентного редактирования, советы по useEffectEvent, монорепа Next.js+Prisma.

⚙️ Node.js и рантаймы
- Node 24.12 LTS: встроенный type stripping для TS.
- pnpm вместо npm — про безопасность цепочки поставок.
- Deno 2.6: dx, deno audit, тонкие права и source phase imports.

⚒️ Инструменты
- TanStack AI — единый интерфейс к LLM с Zod и React.
- Обновления: React Datepicker 9.0, Jotai 2.16, Ant Design 6.1, Vite 8 beta, pnpm 10.25, Oxlint type-aware.

🦊 Лисья шутка недели:
— Почему лиса любит Baseline?
— Потому что даже хвост у неё совместим со всеми браузерами! 🎯

🦊 Важное напоминание от лиса: к праздникам новостей станет чуть меньше, но мы продолжим приносить самые важные. 🎄

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

✨ PiterJS #85 близко!

🎉 В следующий четверг 25 декабря в 19:00 подведём итоги 2025 года по фронту, бэку, да и просто веселимся перед праздниками.

📍 Впервые соберёмся в Т-Технологиях (Свердловская набережная, д. 44, стр. 2)

📰 Программа

🗣 19:10 Николай Шабалин
🎤 CSS: Итоги 2025 года

🗣 20:10 Игорь Антонов
🎤 Что нового в Node.js в 2025 году

🗣 21:00 Ярослав Силкин
🎤 PiterJS: игрофикация 2025 года

🎫 Регистрация: https://piterjs.org/#meetup=kts3br_ofrm4j

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

Встречайте дайджест #30! 🎉
HTML5-парсер за 4,5 часа с ИИ, CSS анимации по скроллу на чистом CSS, select теперь стилизуется нативно, бандлеры: размер важнее скорости, TypeScript 7 в разработке, React RSC: патчим уязвимости, Node 24.12 с TS из коробки, 30 лет JavaScript, JSON.stringify в 2 раза быстрее. Что интересного на этой неделе? 🚀

🧪 HTML и Платформа
- Стандартные стили для h1 меняются: браузеры обновили user agent styles.
- Select теперь можно стилизовать через CSS с appearance: base-select.
- Крутые нативные HTML-элементы: kbd, datalist, progress и другие.
- Дружелюбное введение в SVG и хлебные крошки «умерли» в веб-дизайне.

🎨 CSS и дизайн
- Анимации, привязанные к прокрутке, на чистом CSS — прогресс-бары и плавное появление.
- text-box-trim: контроль отступов над и под текстом.
- Шесть CSS-сниппетов, которые должен знать каждый фронтенд-разработчик.
- Современный CSS: popover, if(), field-sizing и 25 новых возможностей.

📦 JavaScript / TypeScript
- HTML5-парсер из Python в JS за 4,5 часа с помощью GPT-5.2 — прошёл 9200+ тестов.
- Бандлеры: скорость уже не главное, теперь важен размер итогового кода.
- 30 лет JavaScript! Празднуем юбилей самого популярного языка веба.
- JSON.stringify в 2 раза быстрее благодаря переписанному алгоритму V8.
- TypeScript 7 в разработке: улучшение производительности и метапрограммирование.
- TypeScript стал самым популярным языком на GitHub.

⚛️ React и фреймворки
- React RSC: ещё две уязвимости (DoS и утечка кода) — обновляемся срочно.
- «Невозможные» компоненты: как соединить клиент и сервер от Дэна Абрамова.
- RSC Explorer — визуальный инструмент для изучения серверных компонентов.
- React Scan для поиска проблем с производительностью.
- Управление состоянием в React 2025: Zustand vs Redux vs localStorage.

⚙️ Node.js и рантаймы
- Node 24.12 LTS: официальная поддержка TypeScript «из коробки» с type stripping.
- pnpm 10.26: ужесточение безопасности, контроль над скриптами.
- Deno 2.6: dx (аналог npx), deno audit, улучшенная совместимость с Node.js.
- 15 новых возможностей Node.js, заменяющих популярные npm-пакеты.
- Современные паттерны Node.js в 2025: ES-модули, Web API, нативный тест-раннер.

🦊 Лисья шутка недели:
Если HTML5-парсер можно портировать за 4 часа,
то почему мой проект всё ещё не готов?

🦊 Важное напоминание от лиса: к праздникам новостей станет чуть меньше, но мы продолжим приносить самые важные. 🎄

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

Уже сегодня. До встречи!

🦊 Фронти на связи!

«Привет, это Фронти!» — эту фразу вы слышали целых 30 раз в 2025 году. Пришло время свернуть хвостик калачиком: новых выпусков в этом году больше не будет. Все авторы статей разбежались по теплым краям отдыхать, и я их полностью поддерживаю. Мне тоже пора в свою уютную норку — набираться сил и видеть сны про эффективный код.

Но перед тем как нырнуть в спячку, я подготовил для вас праздничный отчёт о своих лисьих подвигах в 2025 году!

📊 Итоги в цифрах:

* 30 выпусков пролетели как одно мгновение.
* 1407 статей! Ого, сколько полезного мы натаскали в норку.
* 46.9 — среднее количество ссылок в одном выпуске.
* Июнь 2025 стал самым жарким: целых 289 статей за месяц!
* Любимые темы: После обязательных «Инструментов» вы больше всего шуршали в разделах «CSS и дизайн» (178 статей), «React и фреймворки» (170) и «Node.js» (148).


🦊 Лисья шутка недели:
— Почему лиса никогда не открывает сайты в Internet Explorer?
— Потому что даже дикий зверь знает, когда пора валить в лес!


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

Огромное лисье спасибо:
Всем читателям — за то, что вы с нами. Тем, кто пишет добрые слова — они греют лучше любого меха! И отдельные благодарности тем, кто поддерживает нас донатами и звёздами. Ваша поддержка — это важно для нас!

📅 Что дальше?
31-й выпуск выскочит из засады уже в январе 2026 года. Точную дату пока держу в секрете (на самом деле, жду, когда авторы доедят салаты и напишут что-нибудь новенькое).

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

До встречи в 2026-м! Ваш Фронти 🦊✨

Что стало Widely available в Baseline в декабре 2025

Коротко:
• calc() keywords
• JavaScript modules in workers
• window.print() 😄

Длинно: https://habr.com/ru/articles/979276/

Когда дизайнер присылает макет с «инвертированным углом», начинаются страдания. Псевдоэлементы, абсолютное позиционирование, подгонка радиусов — и всё это разваливается, как только под карточкой появляется градиент или картинка.

Александр Першин написал nebo.css — опенсорсную библиотеку для впуклых углов. Название расшифровывается как negative border radius. По духу это как normalize.css: подключаете один CSS-файл, добавляете класс nebo — и угол готов. Работает на любых фонах, настраивается через CSS-переменные.

Разбираем, как это устроено: https://habr.com/ru/articles/987944/

GitHub: https://github.com/htmlacademy/nebo.css

В этот четверг встретимся в оффлайне

✨ Дождались! PiterJS #86 уже вот-вот!

Тематика этой встречи — интерфейсы. Так что интересно будет не только фронтендерам, но и дизайнерам.

⏰ Когда: 29 января 19:00
📍 Где: Selectel (Цветочная 19)

📰 Программа

🗣 19:10 Игорь Алексеенко
🎤 Что может фронтендер рассказать дизайнеру

🗣 20:10 Дмитрий Земляченко
🎤 Атомарные состояния в UI/UX

🗣 22:00 Александр Першин
🎤 Вырезы в блоках. Революция

🎫 Регистрация: https://piterjs.org/#meetup=16t4un_a87dnm

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

Встречайте дайджест #31.

Invoker: диалоги без JS, анимации с акселерометра, CSS Grid Lanes и @starting-style, фреймворки 2026 от Карниато, RSC и Next.js: патчи DoS, Node 25.5 и одиночный exe (SEA), AGENTS.md против скиллов, Bun быстрее, Yarn на Rust, ReliCSS для старого CSS. Что интересного на этой неделе?

🧪 HTML и Платформа
- Invoker Commands: открывать и закрывать диалоги и попапы без JavaScript.
- Анимации с акселерометра смартфона прямо в браузере — лучше смотреть на телефоне.
- Влияние производительности на UX и прогнозы по веб-доступности.
- Фокус в <dialog>: ловить его вручную больше не нужно.

🎨 CSS и дизайн
- CSS Grid Lanes: когда появятся и как пользоваться уже сейчас.
- Основы вёрстки: поток, box model и позиционирование.
- Отладка @starting-style в Chrome DevTools.
- Что нового в CSS в 2026, favicons в 2026, стекинг-контексты.

📦 JavaScript
- Обзор JavaScript-фреймворков на 2026 год от Райана Карниато (SolidJS).

⚛️ React и фреймворки
- DoS в React Server Components: патчи в 19.2.4, 19.1.5, 19.0.4 — обновляйтесь.
- RSC для максимальной производительности: доклад с ReactNext ’25.
- Как писать хорошие unit-тесты для React.
- DoS в self-hosted Next.js: фиксы в 15.5.10, 16.1.5 и canary.

⚙️ Node.js
- Node 25.5.0: сборка одиночного exe флагом --build-sea, node:sqlite, fs.watch с ignore.
- Бенчмарки Node 16→25, проверка уязвимостей, OpenSSL CVE, Redis-клиенты.
- Bun быстрее (async/await +35%), Yarn 6 на Rust в превью.

🧠 Ещё интересное
- AGENTS.md обходит «навыки» в эвалах — выводы Vercel.
- 100k строк TypeScript на Rust с помощью Claude Code.

🌐 Браузеры и инструменты
- Chrome Canary: метатег text-scale для доступности.
- ReliCSS ищет устаревший CSS, Color Palette Pro, Typewriter Web Component, Nxtlify для Nuxt UI.
- Lodash 4.17.23 с фиксом CVE.

🦊 Лисья шутка недели:
Если диалоги можно открывать без JS,
то почему у меня до сих пор три обработчика на одну кнопку?

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

Baseline: Январь 2026

Коротко:
• animation-composition
• Array by copy
• Two-value display property

Длинно: https://habr.com/ru/articles/987464/

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

Встречайте дайджест #32.

HTML учит геолокацию, Anchor Positioning вяжет связи в CSS, AI дебажит React (но сеньор пока нужен), эмодзи уронил дашборд — боль, Node 25.6 с SIMD и новым URL, Babel 7 финал и ESLint 10 на старте, OpenClaw — TS-агент захватил GitHub, State of JS: Hono — фаворит, Gatsby жив и дружит с React 19. Что ещё интересного на этой неделе?

🧪 HTML и Платформа
- Новый элемент <geolocation> — геолокация прямо из HTML.
- Combobox vs. Multiselect vs. Listbox: как не промахнуться с выбором.
- JPEG XL: нужен ли нам ещё один формат изображений?
- Один контент — множество «версий»: полезно для мышления про доступность.

🎨 CSS и дизайн
- CSS Anchor Positioning: рисуем «связи» между элементами без JS.
- «Слишком ранний брейкпоинт»: почему мы рано схлопываемся в одну колонку.
- Shrinkwrap-решение: ширина под переносимый текст в чистом CSS.
- Оптимизированные встраивания видео без JavaScript, Nice Select.

📦 JavaScript
- Явное управление ресурсами: using и Symbol.dispose — декларативный cleanup.
- Тротлинг отдельного сетевого запроса в Chrome DevTools.

⚛️ React и фреймворки
- AI дебажит React: краш-тест от Nadia Makarevich — AI помогает, но не заменяет.
- Эмодзи уронил дашборд: ускорение в 100× одной строкой.
- React <ViewTransition> — новый компонентный API для анимаций переходов.
- Inngest переехали с Next.js на TanStack Start — разбор и грабли.
- Gatsby v5.16 с поддержкой React 19 — жив!
- Классы мешают мемоизации React Compiler — данные вперёд, методы назад.

⚙️ Node.js
- Node 25.6.0: TextEncoder ускорили через SIMD, URL обновили до Unicode 17, можно отключать трекинг Promise в async_hooks.
- State of JS 2025: Express — самый популярный, Hono — самый любимый.
- Chalk → встроенный styleText: миграция без зависимостей.
- Bun v1.3.8: нативный парсинг Markdown.

🧠 Ещё интересное
- OpenClaw: open-source TS-агент, который за неделю взорвал GitHub.
- История TypeScript от Андерса Хейлсберга: как появился TS и зачем компилятор на Go.
- Angular меняет дефолт change detection, Astro 5.17, Svelte-дайджест.

🌐 Браузеры и инструменты
- Babel 7 — финальный релиз, Babel 8 RC уже готовится.
- ESLint 10.0.0 RC2 — можно трогать и готовить плагины.
- Lodash 4.17.23: security reset для вечной утилиты.
- jQuery UI 1.14.2 — теперь с jQuery 4.0.
- Rspress 2.0, Croner 10, focus-trap 8.0, jsdom 28.0.

🦊 Лисья шутка недели:
HTML теперь знает, где ты находишься,
CSS знает, к чему ты привязан,
а один эмодзи знает, как положить весь дашборд.
Фронтенд в 2026 — это детектив, а не разработка.

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

Corner-shape - проходной
Border-shape - легенда!