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

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

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

https://css-tip.com/explore/alignment/

Выпуск №493. Полина Гуртовая и Никита Дубко про кучу всего в Safari 26, новинки Firefox 143, спеку Wasm 3.0 и React, который убивает инновации.

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

00:00:51 Куча всего в Safari 26
00:50:34 Новинки Firefox 143
01:05:06 Спека Wasm 3.0
01:28:30 React убивает инновации
01:54:16 Ответы на вопросы

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

https://joyofcode.xyz/learn-svelte

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

https://www.sarasoueidan.com/blog/alt-text-for-css-generated-content/

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

https://www.youtube.com/playlist?list=PLn7dsvRdQEfFTeoA8kZcsASPbYi2rf4C0

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

https://piccalil.li/blog/taking-a-shot-at-the-double-focus-ring-problem-using-modern-css/

Выпуск №494. Алексей Симоненко, Вадим Макеев и Никита Дубко про новинки Chrome 140, масштабирование текста, Temporal в Chrome, двойную обводку фокуса и Chrome DevTools MCP.

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

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 Ответы на вопросы

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

https://tetralogical.github.io/screen-reader-HTML-support/lookup/lookup.html

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

https://survey.devographics.com/en-US/survey/state-of-js/2025

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

https://tools.caat.report/

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

https://thenewstack.io/how-a-shared-test-suite-fixed-the-webs-biggest-problems/

Выпуск №495. Андрей Мелихов, Алексей Симоненко, Вадим Макеев про State of JS и лого W3C, подчистку зависимостей, WPT и веб-платформу, эксплойты npm, HTML в скринридерах и так себе фреймворк Next.js.

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

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 Ответы на вопросы

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

https://piccalil.li/blog/a-pragmatic-guide-to-modern-css-colours-part-one/

Представляем 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

Забытое наследие веба: а вы знали, что у 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/

Новинки 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