Выпуск №496. Андрей Мелихов, Алексей Симоненко, Полина Гуртовая про Chrome 141, гриды как таблицы, встроенное в Node.js, if() и цвета в CSS, историю Prettier, агенты в Playwright и вайб-инжиниринг.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:01:38 Новинки Chrome 141
00:23:11 Гриды как таблицы
00:30:40 Всё уже есть в Node.js
00:45:23 Современные цвета в CSS
00:53:15 Какой if() в CSS нам нужен
01:01:26 История Prettier
01:25:50 Агенты в Playwright
01:34:23 Вайб-инжиниринг
01:51:56 Ответы на вопросы

Рейтинг браузеров для PWA. Дэшборд Чарльза Уилтгена для сравнения возможностей веб-приложений в популярных мобильных браузерах (в планах и десктоп) на основе данных Can I Use и MDN: установка и манифест, уведомления, фоновые задачи, доступ к устройству, медиа и другие категории. #pwa #browsers

https://pwascore.com/

Кастомные функции и if() в CSS. Юна Кравец и Брамус возвращаются в новом составе CSS Podcast. В свежем эпизоде — про нетипичные для CSS новинки, которые появились в Chrome в этом году и сильно поменяют, как мы пишем стили в будущем. #css #podcast

https://thecsspodcast.libsyn.com/92-css-if-and-custom-functions

Новинки Firefox 144 для разработчиков. В свежем релизе добавлена поддержка View Transitions для SPA, атрибуты command и commandfor, методы getOrInsert() для Map и WeakMap, DOM-метод moveBefore() и другие. Среди экспериментов — тайм-пикер для datetime-local. #firefox #browser

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/144

Теория мёртвых фреймворков. Пол Кинлан о мире, где React перестаёт быть просто библиотекой и становится самой платформой — не по решению разработчиков, а по воле языковых моделей, обученных на нём. Новые фреймворки и идеи тонут в данных, не успевая попасть в следующий цикл обучения, а сеть всё больше заполняется кодом, созданным LLM по одним и тем же шаблонам. #react #ai

https://aifoc.us/dead-framework-theory/

Выпуск №497. Никита Дубко и Вадим Макеев про опрос MDN, новинки Firefox 144, прогрессивные картинки, библиотеку CSS extras и теорию мёртвых фреймворков.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:01:15 Опрос MDN
00:02:56 Новинки Firefox 144
00:19:13 Прогрессивные картинки
00:48:37 Библиотека CSS extras
01:05:44 Теория мёртвых фреймворков
01:29:41 Ответы на вопросы

MDN: Опрос разработчиков 2025. Команда MDN приглашает веб-разработчиков пройти опрос, чтобы сделать документацию полезнее для повседневной работы. В нём спрашивают о профессиональном опыте, инструментах, источниках знаний, использовании документации и участии в сообществе. Заполнение занимает около 10 минут, все ответы остаются анонимными. #survey

https://survey.alchemer.com/s3/8409929/MDN-Developer-Survey

Представляем Vite+ — единую экосистему инструментов для JavaScript. Эван Ю анонсировал на ViteConf новую надстройку над Vite, объединяющий создание, сборку, тестирование, линтинг и форматирование кода, а также сборку библиотек и визуальные инструменты в одной среде. Вся цепочка написана на Rust и совместима с React, Vue, SvelteKit и другими фреймворками. Vite+ будет бесплатен для индивидуальных и опенсорсных проектов, но получит коммерческую лицензию для бизнеса. #vite #js

https://voidzero.dev/posts/announcing-vite-plus

Нативный способ добавить несколько ручек на HTML-слайдер. Брехт Де Рёйте предлагает новый элемент <rangegroup> в рамках Open UI и ждёт отзывов. Элемент позволит объединять несколько <input type="range"> в один компонент со стилизацией ручек через псевдоэлементы ::slider-thumb() и ::slider-segment(). #html

https://utilitybend.com/blog/a-native-way-of-having-more-than-one-thumb-on-a-range-slider-in-html

React Compiler 1.0. Команда React объявила о стабильном релизе компилятора, автоматически оптимизирующего компоненты и хуки. Он уже используется в приложениях Meta, ускоряя загрузку и навигацию до 12% и ускоряя интерфейсы до 2,5 раз. В релиз вошли новые правила ESLint и руководство по постепенному внедрению. Поддерживаются React 17+ и интеграции с Expo, Vite и Next.js. #react

https://react.dev/blog/2025/10/07/react-compiler-1

JSON: import против fetch. Джейк Арчибальд разбирает, когда стоит использовать в браузере новый импорт JSON-модулей, а когда лучше остаться на старом fetch(). Статические локальные данные против динамических внешних, хранение в памяти, статус ответа, обработка ошибок и другие отличия. #js

https://jakearchibald.com/2025/importing-vs-fetching-json/

Выпуск №498. Андрей Мелихов, Полина Гуртовая, Вадим Макеев, Алексей Симоненко про Privacy Sandbox, React Compiler, интерактивные элементы, import или fetch, ChatGPT Atlas и ARIA.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:00:59 Privacy Sandbox всё
00:21:06 React Compiler
00:39:10 Интерактивные элементы
00:57:41 JSON: import или fetch
01:13:29 ChatGPT Atlas и ARIA
01:34:24 Ответы на вопросы

Отказ от XSLT в браузерах. Мейсон Фрид объявил о планах Chromium полностью удалить поддержку XSLT — технологии трансформации XML-документов, стандартизованной ещё в 1999 году. Решение связано с низким использованием (около 0,05% загрузок страниц) и высокими рисками безопасности. WHATWG, Firefox и Safari выразили поддержку. Депрекация начнётся в Chrome 143, а полное удаление ожидается в версии 155 с переходным периодом до 2027 года. #browser #chrome

https://groups.google.com/a/chromium.org/g/blink-dev/c/CxL4gYZeSJA/m/yNs4EsD5AQAJ

Одно и то же приложение 10 раз. Лорен Стюарт сравнил 10 метафреймворков: Marko, SolidStart, SvelteKit, Qwik и Nuxt дают FCP 35–39 мс и бандл от 28,8 до 176,3 КБ. Ключевой вывод — архитектурный потолок React: даже TanStack Start на React даёт вдвое больший бандл, чем тот же TanStack Start c Solid, Angular через Analog остаётся тяжёлым, а Vue через Nuxt вполне конкурентен. MPA на Marko и HTMX везут минимум JS на страницу, тогда как SPA платят базовым рантаймом. #js #perf

https://www.lorenstew.art/blog/10-kanban-boards/

Новинки Chrome 142. В новой версии появился синтаксис диапазонов для CSS style queries и if(), атрибут interestfor для кнопок и ссылок, единый рендеринг <select> на мобильных и десктопах и поддержка атрибута download в SVG-ссылках. WebGPU и FedCM получили обновления, доступ к локальной сети теперь требует разрешения и многое другое. #browser #chrome

https://developer.chrome.com/release-notes/142

Идеальные всплывающие подсказки. Темани Афиф показывает, как сделать тултипы с помощью CSS Anchor Positioning — свойств position-area, position-try-fallbacks и функции anchor(). Подсказки остаются во вьюпорте, переворачиваются, сохраняют хвостики и работают в Chrome, Edge и Safari — без единой строчки JavaScript. #css

https://frontendmasters.com/blog/perfectly-pointed-tooltips-a-foundation/

Выпуск №499. Никита Дубко и Алексей Симоненко про Chrome 142, HTTPS по умолчанию, ESM в 2026, перфоманс фреймворков и регуляцию React.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте