14702
Новости фронтенда в еженедельном подкасте сообщества веб-разработчиков. Поддержите нас! Патреон https://www.patreon.com/webstandards_ru Бусти https://boosty.to/webstandards_ru
Решение проблемы двойной фокусной обводки. Эрик Бэйли шаг за шагом собирает универсальную обводку: внутрення соответствует текущему цвету элемента, а внешняя остаётся контрастной к любому окружению и цветовой теме — трюк, который стал возможным благодаря современным возможностям 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 Ответы на вопросы
Уход за садом зависимостей. Том МакРайт призывает относиться к зависимостям как к части продукта — регулярно обновлять, удалять неиспользуемые и следить за безопасностью. Примеры из опыта проекта Val Town. #npm #js
https://blog.val.town/gardening-dependencies
Новые девять модулей в Learn CSS. Рейчел Эндрю анонсировала обновление курса по CSS на web.dev, включая новые модули по CSS-нестингу, container queries, anchor positioning, popover, dialog и другие. #css
https://web.dev/blog/learn-css-refresh
00:01:22 Заявки на Interop 2026
00:15:20 API для агентов WebMCP
00:37:44 Rspack 1.5 и Rust кругом
00:55:23 Неточные таймеры
01:14:23 Chrome 17 лет
00:01:48 JSON.stringify в V8
00:20:58 Введение в Anchor Positioning
00:48:15 Опыт TypeScript в Node.js
01:07:31 Беззубый radial-gradient()
01:27:03 SVG-кривые руками
01:39:25 Сторонние агенты в Zed
00:01:22 Firefox 142
00:17:41 Веб-аппы в Firefox
00:33:39 CSS random()
00:53:39 Решение по masonry
01:03:46 Неудобные ID
01:18:20 Просто шипь
00:00:59 Видео, гифки и картинки
00:29:20 Результаты State of CSS
01:17:23 Ускорение экосистемы npm
01:28:56 Недоступный чистый CSS
00:01:23 Проблемы с доменом
00:02:38 Chrome 139
00:32:21 Item-flow, часть 2
00:51:02 Tailwind и CSS снова друзья
01:09:43 TypeScript 5.9
01:19:56 XSLT пора уйти
01:37:18 Ответы на вопросы
00:00:52 TS без типов в Node.js
00:11:07 Инкрементальные шрифты
00:18:41 Все JS-рантаймы
00:50:59 DXT для MCP
01:06:16 Вайб-кодинг
00:01:15 Анонс State of HTML
00:04:32 MDN 20 лет
00:09:27 Safari TP 224
00:18:40 Animation-ranges
00:30:16 Firefox 141
00:52:28 React Router и RSC
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, каскадные слои, выравнивание и все кейсы веба.
— Слушайте на Ютубе
— Ссылки на сайте
Цветовые переходы в CSS. Джош Комо показывает, как добиться плавной анимации цветов без серых артефактов, используя hue-rotate() и кастомные свойства через @property на примере сердечка с конфетти. #css #animation
https://www.joshwcomeau.com/animation/color-shifting/
Эффект жидкого стекла в браузере: рефракция на CSS и SVG. Крис Фейхо экспериментирует с SVG-фильтрами, чтобы добиться противоречивого, но очень привлекательного эффекта из будущих версий iOS и macOS. #css #svg
https://kube.io/blog/liquid-glass-css-svg/
Выпуск №491. Никита Дубко, Алексей Симоненко, Андрей Мелихов про Interop 2026, WebMCP, Rspack 1.5 и Rust кругом, неточные таймеры и 17 лет Chrome.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №490. Алексей Симоненко, Полина Гуртовая, Вадим Макеев про JSON.stringify, Anchor Positioning, TS в Node.js, radial-gradient, SVG-кривые и сторонние агенты в Zed.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №489. Никита Дубко и Алексей Симоненко про Firefox 142, веб-аппы в Firefox, CSS random(), решение по masonry, неудобные ID и как просто шипить.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №488. Андрей Мелихов, Никита Дубко, Алексей Симоненко про видео, гифки и картинки, State of CSS, ускорение экосистемы npm и недоступный чистый CSS.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №487. Вадим Макеев, Никита Дубко, Алексей Симоненко, Андрей Мелихов про Chrome 139, item-flow часть 2, новую дружбу Tailwind и CSS, TypeScript 5.9 и XSLT, которому пора уйти.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №486. Алексей Симоненко, Андрей Мелихов, Полина Гуртовая про TypeScript без типов в Node.js, инкрементальные шрифты, JS-рантаймы, DXT для MCP и вайб-кодинг.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №485. Вадим Макеев, Алексей Симоненко, Андрей Мелихов про анонс State of HTML, 20 лет MDN, Safari TP, animation-ranges, Firefox 141 и React Server Components в React Router.
— Слушайте на Ютубе
— Ссылки на сайте