Девятнадцать докладов с конференции CascadiaJS 2025 про GPT в браузере, совместное редактирование, большие данные, фреймворки, ИИ‑приложения, состояние React, CSS, клиентские агенты, GPT‑5, монетизацию, новые UI‑модели и другое. #js #video www.youtube.com/playlist?lis...

Простые поля для одноразовых кодов. Тайлер Стика объясняет, как сделать удобную и доступную форму OTP только на HTML — без JS и лишних зависимостей. #html #a11y cloudfour.com/thinks/simpl...

Новинки Firefox 145 для разработчиков. Добавлены text-autospace, шрифт math, Atomics.waitAsync(), Integrity-Policy, Matroska и экспериментальные Anchor Positioning и Trusted Types. #browser #firefox developer.mozilla.org/en-US/docs/M...

Незаслуженно забытый <output>. Ден Оделл напоминает, как малоизвестный элемент озвучивает изменения через role="status", связывается через for="" и отлично поддерживается всеми браузерами. #html #a11y denodell.com/blog/html-be...

<color‑input>, современный компонент Адама Аргайла для выбора цвета. Компонент определяет, входит ли цвет в sRGB/P3/Rec2020, конвертирует между sRGB, HSL, LAB, LCH, OKLCH, использует Color.js, Preact Signals и CSS parts и требует Popover API. color-input.netlify.app

Выпуск №500. Андрей Мелихов, Полина Гуртовая, Вадим Макеев, Никита Дубко, Алексей Симоненко про новости по-английски, перемены за 100 выпусков, как пишем код в 2025, что нас бесит и что будет в 600-м. Лайв youtu.be/-a_6nWVQoxo Слушайте youtu.be/TfwfckpZKlo Ссылки web-standards.ru/podcast/500/

Сворачиваемые секции, которые можно найти с hidden=until-found. Нейтан Ноулер объясняет, как сделать скрытый контент доступным для поиска с новым HTML-атрибутом. #html #a11y knowler.dev/blog/searcha...

Директивы и рамки платформы. Таннер Линсли предупреждает, что кастомные директивы вроде use client и use server размывают границу между платформой и фреймворками, призывая перейти к API и стандартам. #js tanstack.com/blog/directi...

Harmonizer — генератор доступных палитр от Evil Martians. Плагин Figma и веб-приложение, использующие OKLCH и формулы WCAG или APCA для гармоничных цветов в светлых и тёмных темах. #design #a11y harmonizer.evilmartians.com

Новинки WebKit для Safari 26.1. Поддержано множество новых CSS-единиц измерения в SVG, улучшен Anchor Positioning для более стабильной раскладки и исправлены десятки ошибок в CSS и рендеринге. #browser #safari webkit.org/blog/17541/w...

setHTML(), Trusted Types и Sanitizer API. Олли Уильямс рассказывает, как эти API защищают от XSS, безопасно вставляя HTML и применяя Trusted Types. Уже поддерживаются в Firefox Nightly и Chrome Canary. #security #html olliewilliams.xyz/blog/sanitiz...

Выпуск №499. Никита Дубко и Алексей Симоненко про Chrome 142, HTTPS по умолчанию, ESM в 2026, перфоманс фреймворков и регуляцию React. Лайв на Ютубе youtu.be/71qbTv0yRyI Слушайте на Ютубе youtu.be/hHzj3oG7ISY Ссылки на сайте web-standards.ru/podcast/499/

Идеальные всплывающие подсказки. Темани Афиф объясняет, как построить переворачивающиеся тултипы с хвостиком с помощью CSS Anchor Positioning — без JS, работающие в Chrome, Edge и Safari. #css frontendmasters.com/blog/perfect...

Chrome 142 добавил синтаксис диапазонов в CSS, атрибут interestfor для кнопок и ссылок, единый рендеринг <select>, поддержку download в SVG, улучшения WebGPU и FedCM, ограничение для доступа к локальной сети и многое другое. #browser #chrome developer.chrome.com/release-note...

Одно и то же приложение 10 раз. Лорен Стюарт сравнил 10 метафреймворков: Marko, SolidStart, SvelteKit, Qwik и Nuxt дают FCP 35–39 мс при бандлах 28–176 КБ. У React архитектурный потолок: даже TanStack Start с React вдвое тяжелее Solid. #js #perf www.lorenstew.art/blog/10-kanb...

Отказ от XSLT в браузерах. Chrome планирует удалить XSLT — технологию трансформации XML — в связи с низким использованием и высокими рисками безопасности. Депрекация начнётся в 143-й версии, а полное удаление в 155-й. WHATWG, Firefox и Safari выразили поддержку. groups.google.com/a/chromium.o...

Выпуск №498. Андрей Мелихов, Полина Гуртовая, Вадим Макеев, Алексей Симоненко про Privacy Sandbox, React Compiler, интерактивные элементы, import или fetch, ChatGPT Atlas и ARIA. Лайв на Ютубе youtu.be/gqaj_UeUxoA Слушайте на Ютубе youtu.be/rzVPyCdNBi8 Ссылки на сайте web-standards.ru/podcast/498/

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

React Compiler 1.0. Команда React объявила о релизе компилятора, автоматически оптимизирующего компоненты и хуки. Он уже используется в приложениях Meta, ускоряя загрузку, навигацию и интерфейсы. Поддерживаются React 17+ и интеграции с Expo, Vite и Next.js. #react react.dev/blog/2025/10...

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

Представляем Vite+ — единую экосистему инструментов для JavaScript. Эван Ю анонсировал новую надстройку над Vite, объединяющий создание, сборку, тестирование, линтинг и форматирование кода, а также сборку библиотек и визуальные инструменты в одной среде. #vite #js voidzero.dev/posts/announ...

MDN: Опрос разработчиков 2025. Команда MDN приглашает веб-разработчиков пройти опрос, чтобы сделать документацию полезнее. В опросе: профессиональный опыт, инструменты, источники знаний, использование документации и участие в сообществе. #survey survey.alchemer.com/s3/8409929/M...

Выпуск №497. Никита Дубко и Вадим Макеев про опрос MDN, новинки Firefox 144, прогрессивные картинки, библиотеку CSS extras и теорию мёртвых фреймворков. Лайв на Ютубе youtu.be/43erNxV-qpw Слушайте на Ютубе youtu.be/9Te8YP6UPJw Ссылки на сайте web-standards.ru/podcast/497/

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

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

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

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

Выпуск №496. Андрей Мелихов, Алексей Симоненко, Полина Гуртовая про Chrome 141, гриды, встроенное в Node.js, if() и цвета в CSS, Prettier, агенты в Playwright и вайб-инжиниринг. Лайв на Ютубе youtu.be/I9lfkT6M8DU Слушайте на Ютубе youtu.be/e_PDywh_viU Ссылки на сайте web-standards.ru/podcast/496/

Новинки Chrome 141. Ускорение IndexedDB с методом getAllRecords(), обновление WebRTC Encoded Transform V2 вслед за спекой, поддержка атрибутов и свойств width и height для вложенных SVG, Proofreader API и обновления CSP в origin trials и другие. #chrome #browser developer.chrome.com/release-note...

Забытое наследие веба: а вы знали, что у HTML-таблиц есть собственный API? Кристиан Хайльман напоминает о встроенных DOM-методах insertRow и insertCell (и многих других) позволяющих удобнее собирать таблицы и запрашивать их части. #html #js christianheilmann.com/2025/10/08/a...

Представляем React Foundation. Команда React объявила о запуске некоммерческой организации в рамках Linux Foundation, куда перейдут React, React Native, и вспомогательные проекты вроде JSX. Поддержку фонду окажут Amazon, Meta, Microsoft, Vercel и другие компании. #react react.dev/blog/2025/10...

Прагматичное руководство по современным цветам в CSS. Кевин Пауэлл освежает устаревшие представления о цветах, объясняет цветовые пространства, разбирается в относительных цветах и помогает упростить работу с цветовыми темами — и это только первая часть. #css #color piccalil.li/blog/a-pragm...

Выпуск №495. Андрей Мелихов, Алексей Симоненко, Вадим Макеев про State of JS и лого W3C, подчистку зависимостей, WPT и веб-платформу, эксплойты npm, HTML в скринридерах и так себе фреймворк Next.js. Лайв youtu.be/EGpOR-Gqp9Y Слушайте youtu.be/MSbgagfVaRY Ссылки web-standards.ru/podcast/495/

Как общий набор тестов исправил самые большие проблемы веба. Мэри Бранскомб об истории Web Platform Tests (WPT) — набора тестов, который помог превратить веб в согласованную и стабильную платформу и открыл дорогу к ежегодным проектам Interop. #interop thenewstack.io/how-a-shared...

Простое тестирование доступности прямо в браузере. Полезные букмарклеты от CAAT для проверки контрастности цветов и запуска автоматических тестов доступности Axe на любом сайте — прямо у вас в закладках, ближе и проще, чем любые инструменты. #a11y tools.caat.report

State of JS 2025. Открылся авторитетный опрос о состоянии языка и экосистемы JavaScript, который продлится до 1 ноября и займёт в среднем 15–20 минут. Не забудьте проголосовать за «Веб-стандарты» и добавить всё новое для вас в список чтения. #state #js survey.devographics.com/en-US/survey...

Поддержка HTML в скринридерах. Таблица совместимости HTML со скринридерами под редакцией Стива Фолкнера позволяет оценить поддержку в JAWS, NVDA, VoiceOver и TalkBack на основе тестов. База в процессе наполнения, но уже готова к использованию. #html #ally tetralogical.github.io/screen-reade...

Выпуск №494. Алексей Симоненко, Вадим Макеев и Никита Дубко про новинки Chrome 140, масштабирование текста, Temporal в Chrome, двойную обводку фокуса и Chrome DevTools MCP. Лайв на Ютубе youtu.be/A7JRxy7Tz78 Слушайте на Ютубе youtu.be/jy1O3ocBRf8 Ссылки на сайте web-standards.ru/podcast/494/

Решение проблемы двойной фокусной обводки. Эрик Бэйли шаг за шагом собирает универсальную обводку: внутрення соответствует текущему цвету элемента, а внешняя остаётся контрастной к любому окружению и цветовой теме — трюк, возможный благодаря современному CSS. #css #a11y piccalil.li/blog/taking-...

Inclusive Design 24. В самом разгаре бесплатная онлайн-конференция по доступности, которая продлится 24 часа. Плейлист с 24 докладами уже доступен на Ютубе: дизайн-сестемы, гейм-дизайн, законодательство, стандартизация, тестирование и другое. #a11y #video www.youtube.com/playlist?lis...

Альтернативный текст для CSS-контента. Сара Суайдан о новом синтаксисе content: "…" / "alt", который уже хорошо поддерживают браузеры, но ещё не всегда хорошо — скринридеры. Когда им пользоваться и стоит ли вставлять контент через CSS. #css #a11y www.sarasoueidan.com/blog/alt-tex...

Полный курс по Svelte 5. Новый трёхчасовой курс на Joy of Code подробно раскрывает Svelte 5 в связке с Vite: от самых основ до реактивности, глобального состояния, переходов, анимаций и интеграции с TypeScript и сторонними библиотеками. #js #svelte joyofcode.xyz/learn-svelte

Выпуск №493. Полина Гуртовая и Никита Дубко про кучу всего в Safari 26, новинки Firefox 143, спеку Wasm 3.0 и React, который убивает инновации. Слушайте на Ютубе youtu.be/-zynxKpW2Fc Ссылки на сайте web-standards.ru/podcast/493/

Основы выравнивания в CSS. Темани Афиф с полным руководством по выравниванию: от флексов и гридов до позиционирования. Пришло время разобраться, где align, а где justify, где content, а где item, как работают логические направления, размеры и margin: auto. #css css-tip.com/explore/alig...

Firefox 143 для разработчиков. Свежий релиз браузера поддержал все форматы цветов для <input type="color”>, стилизацию <details> с ::details-content, более тонкую настройку маркеров с ::before::marker, улучшения в расчётах гридов и другое. #firefox #browser 
developer.mozilla.org/en-US/docs/M...

Baseline в Browserlist. Свежий релиз Browserlist 4.26.0 теперь позволяет настроить браузерную поддержку в терминах Baseline, например "baseline widely available", "baseline newly available", а также более консервативый "baseline 2024" и раньше. #baseline #tools browsersl.ist#:~:text=sele...

Возможности WebKit в Safari 26. CSS Anchor Positioning, scroll-driven анимации, HDR-изображения, элемент <model>, Digital Credentials API, WebGPU, SVG-фавиконки, а также обновления приватности, безопасности, WebRTC, расширений и инструментов разработчика. #safari #browser webkit.org/blog/17333/w...

Выпуск №492. Алексей Симоненко и Вадим Макеев про бэкенд для JS-инструментов, Liquid Glass на SVG, каскадные слои, выравнивание и все кейсы веба. Слушайте на Ютубе youtu.be/RUblhzFnAP4 Ссылки на сайте web-standards.ru/podcast/492/

Уход за садом зависимостей. Том МакРайт призывает относиться к зависимостям как к части продукта — регулярно обновлять, удалять неиспользуемые и следить за безопасностью. Примеры из опыта проекта Val Town. #npm #js blog.val.town/gardening-de...

Цветовые переходы в CSS. Джош Комо показывает, как добиться плавной анимации цветов без серых артефактов, используя hue-rotate() и кастомные свойства через @​property на примере сердечка с конфетти. #css #animation www.joshwcomeau.com/animation/co...