14702
Новости фронтенда в еженедельном подкасте сообщества веб-разработчиков. Поддержите нас! Патреон https://www.patreon.com/webstandards_ru Бусти https://boosty.to/webstandards_ru
Теория мёртвых фреймворков. Пол Кинлан о мире, где React перестаёт быть просто библиотекой и становится самой платформой — не по решению разработчиков, а по воле языковых моделей, обученных на нём. Новые фреймворки и идеи тонут в данных, не успевая попасть в следующий цикл обучения, а сеть всё больше заполняется кодом, созданным LLM по одним и тем же шаблонам. #react #ai
https://aifoc.us/dead-framework-theory/
Кастомные функции и if() в CSS. Юна Кравец и Брамус возвращаются в новом составе CSS Podcast. В свежем эпизоде — про нетипичные для CSS новинки, которые появились в Chrome в этом году и сильно поменяют, как мы пишем стили в будущем. #css #podcast
https://thecsspodcast.libsyn.com/92-css-if-and-custom-functions
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 Ответы на вопросы
Новинки Chrome 141. Ускорение IndexedDB с методом getAllRecords() и новыми параметрами, обновление WebRTC Encoded Transform V2 вслед за спекой, поддержка атрибутов и свойств width и height для вложенных SVG, Proofreader API и обновления CSP в origin trials и другие. #chrome #browser
https://developer.chrome.com/release-notes/141
Представляем React Foundation. Команда React объявила о запуске некоммерческой организации в рамках Linux Foundation, куда перейдут React, React Native, и вспомогательные проекты вроде JSX. При поддержке Amazon, Meta, Microsoft, Vercel и других компаний, фонд займётся управлением, выделением грантов, организацией конференции React Conf и развитием открытого сообщества, чтобы обеспечить долгосрочную устойчивость и прозрачность разработки React. #react
https://react.dev/blog/2025/10/07/introducing-the-react-foundation
00:01:23 State of JS и лого W3C
00:10:47 Подчистка зависимостей
00:17:07 WPT спасли веб-платформу
00:38:25 Ответ Deno и GitHub на эксплойты npm
01:08:50 HTML в скринридерах
01:21:47 Так себе фреймворк Next.js
01:41:00 Ответы на вопросы
Как общий набор тестов исправил самые большие проблемы веба. Мэри Бранскомб об истории Web Platform Tests (WPT) — набора тестов, который помог превратить веб в согласованную и стабильную платформу, устранил множество несоответствий между браузерами и открыл дорогу к ежегодным проектам Interop. #interop
https://thenewstack.io/how-a-shared-test-suite-fixed-the-webs-biggest-problems/
State of JavaScript 2025. Открылся авторитетный опрос о состоянии языка и экосистемы JavaScript, который продлится до 1 ноября и займёт в среднем 15–20 минут. Не забудьте проголосовать за «Веб-стандарты» и добавить всё новое для вас в список чтения. #stateof #js
https://survey.devographics.com/en-US/survey/state-of-js/2025
00:01:22 Новинки Chrome 140
00:31:23 Масштабирование текста
00:45:58 Temporal в Chrome
00:57:07 Двойная обводка фокуса
01:11:28 Chrome DevTools MCP
01:25:45 Ответы на вопросы
Решение проблемы двойной фокусной обводки. Эрик Бэйли шаг за шагом собирает универсальную обводку: внутрення соответствует текущему цвету элемента, а внешняя остаётся контрастной к любому окружению и цветовой теме — трюк, который стал возможным благодаря современным возможностям CSS. #css #a11y
https://piccalil.li/blog/taking-a-shot-at-the-double-focus-ring-problem-using-modern-css/
Озвучивание CSS: альтернативный текст для CSS-контента. Сара Суайдан с большим исследованием о новом синтаксисе content: "…" / "alt" для альтернативного текста, который уже хорошо поддерживают браузеры, но ещё не всегда хорошо — скринридеры, например NVDA с Chrome. Когда им пользоваться, как тестировать, и стоит ли вообще вставлять контент через CSS. #css #a11y
https://www.sarasoueidan.com/blog/alt-text-for-css-generated-content/
00:00:51 Куча всего в Safari 26
00:50:34 Новинки Firefox 143
01:05:06 Спека Wasm 3.0
01:28:30 React убивает инновации
01:54:16 Ответы на вопросы
Основы выравнивания в CSS. Темани Афиф с самым полным руководством по выравниванию элементов в разных типах раскладок: от флексов и гридов до позиционирования. Пришло время разобраться, где align, а где justify, где content, а где item, как работают логические направления, размеры и margin: auto. #css
https://css-tip.com/explore/alignment/
Baseline в Browserlist. Свежий релиз Browserlist 4.26.0 теперь позволяет настроить браузерную поддержку в терминах Baseline, например "baseline widely available", "baseline newly available", а также более консервативый "baseline 2024" и раньше. #baseline #tools
https://browsersl.ist/#:~:text=select%20browser%20by%20baseline
00:01:22 Ежедневные новости
00:03:57 Бэкенд для JS-инструментов
00:23:41 Liquid Glass на SVG
00:46:46 Каскадные слои
01:01:40 Гайд по выравниванию
01:16:30 Все кейсы веба
01:29:44 Ответы на вопросы
Новинки 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
Рейтинг браузеров для PWA. Дэшборд Чарльза Уилтгена для сравнения возможностей веб-приложений в популярных мобильных браузерах (в планах и десктоп) на основе данных Can I Use и MDN: установка и манифест, уведомления, фоновые задачи, доступ к устройству, медиа и другие категории. #pwa #browsers
https://pwascore.com/
Выпуск №496. Андрей Мелихов, Алексей Симоненко, Полина Гуртовая про Chrome 141, гриды как таблицы, встроенное в Node.js, if() и цвета в CSS, историю Prettier, агенты в Playwright и вайб-инжиниринг.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
Забытое наследие веба: а вы знали, что у HTML-таблиц есть собственный API? Кристиан Хайльман напоминает о встроенных DOM-методах insertRow и insertCell (и многих других) позволяющих удобнее собирать таблицы и запрашивать их части. #html #js
https://christianheilmann.com/2025/10/08/abandonware-of-the-web-do-you-know-that-there-is-an-html-tables-api/
Прагматичное руководство по современным цветам в CSS. Кевин Пауэлл освежает устаревшие представления о цветах, объясняет цветовые пространства, разбирается в относительных цветах и помогает упростить работу с цветовыми темами — и это только первая часть. #css #color
https://piccalil.li/blog/a-pragmatic-guide-to-modern-css-colours-part-one/
Выпуск №495. Андрей Мелихов, Алексей Симоненко, Вадим Макеев про State of JS и лого W3C, подчистку зависимостей, WPT и веб-платформу, эксплойты npm, HTML в скринридерах и так себе фреймворк Next.js.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
Простое тестирование доступности прямо в браузере. Полезные букмарклеты от CAAT для проверки контрастности цветов и запуска автоматических тестов доступности Axe на любом сайте — прямо у вас в закладках, ближе и проще, чем любые инструменты. #a11y
https://tools.caat.report/
Поддержка HTML в скринридерах. Таблица совместимости HTML-элементов со скринридерами под редакцией Стива Фолкнера позволяет оценить поддержку в JAWS, NVDA, VoiceOver и TalkBack на основе тестов. База данных в процессе наполнения, но уже готова к использованию. #html #ally
https://tetralogical.github.io/screen-reader-HTML-support/lookup/lookup.html
Выпуск №494. Алексей Симоненко, Вадим Макеев и Никита Дубко про новинки Chrome 140, масштабирование текста, Temporal в Chrome, двойную обводку фокуса и Chrome DevTools MCP.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
Inclusive Design 24. В самом разгаре бесплатная онлайн-конференция по доступности, которая продлится 24 часа. Плейлист с 24 докладами уже доступен на Ютубе, среди тем: дизайн-сестемы, гейм-дизайн, законодательство, стандартизация, тестирование и многое другое. #a11y #video
https://www.youtube.com/playlist?list=PLn7dsvRdQEfFTeoA8kZcsASPbYi2rf4C0
Полный курс по Svelte 5. Новый трёхчасовой курс на Joy of Code подробно раскрывает Svelte 5 в связке с Vite: от самых основ до реактивности, глобального состояния, переходов, анимаций и интеграции со сторонними библиотеками. #js #svelte
https://joyofcode.xyz/learn-svelte
Выпуск №493. Полина Гуртовая и Никита Дубко про кучу всего в Safari 26, новинки Firefox 143, спеку Wasm 3.0 и React, который убивает инновации.
— Слушайте на Ютубе
— Ссылки на сайте
Firefox 143 для разработчиков. Свежий релиз браузера поддержал все форматы цветов для <input type="color">, удобную стилизацию <details> с ::details-content, более тонкую настройку маркеров списка с ::before::marker, улучшения в расчётах гридов и другое. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/143
Возможности WebKit в Safari 26. CSS Anchor Positioning, scroll-driven анимации, HDR-изображения, новый элемент <model>, Digital Credentials API, WebGPU, SVG-фавиконки — всего 75 новых фич и 171 улучшение по сравнению с прошлым релизом, а также важные обновления в области приватности, безопасности, WebRTC, расширений и инструментов разработчика. #safari #browser
https://webkit.org/blog/17333/webkit-features-in-safari-26-0/
Выпуск №492. Алексей Симоненко и Вадим Макеев про бэкенд для JS-инструментов, Liquid Glass на SVG, каскадные слои, выравнивание и все кейсы веба.
— Слушайте на Ютубе
— Ссылки на сайте