@webstandards_ru

Новости фронтенда и еженедельный подкаст. Ведущие: Вадим Макеев, Алексей Симоненко, Никита Дубко, Полина Гуртовая, Лёша Красиков.

web-standards.ru/
Joined May 2009
  • Tweets11.5K
  • Following0
  • Followers22.1K
9.1KMedia
Новинки Firefox 159 для разработчиков. Анимации по скроллу по умолчанию, изолированные реестры кастомных элементов для веб-компонентов и удаление старого masonry в пользу grid lanes. #firefox #browser developer.mozilla.org/en-US/…
Скриншот инструментов разработки с открытой панелью Inspector на web-standards.dev, логотипом Firefox поверх и текстом «Firefox 159».

ALT Скриншот инструментов разработки с открытой панелью Inspector на web-standards.dev, логотипом Firefox поверх и текстом «Firefox 159».

1
235
Представляем библиотеку доступных компонентов. Крейг Эбботт рассказывает о восьми открытых компонентах TetraLogical с документацией и тестами, которые проверяют критерии WCAG 2.2 в настоящем браузере. #a11y #component tetralogical.com/blog/2026/1…
Заголовок «Introducing the Accessible Components Library», «by Craig Abbott», кубик конструктора с иконкой кода, фото автора и логотип TetraLogical.

ALT Заголовок «Introducing the Accessible Components Library», «by Craig Abbott», кубик конструктора с иконкой кода, фото автора и логотип TetraLogical.

2
492
Выпуск №550. Никита Дубко, Полина Гуртовая и Вадим Макеев про новинки Chrome 156, случайности с CSS random(), споры вокруг WebMCP и порт TypeScript на Rust. Лайв на Ютубе youtu.be/i1gwsH_MRJY Слушайте на Ютубе youtu.be/pzFb1oqcazk Ссылки на сайте web-standards.ru/podcast/550…
Веб-стандарты: Никита, Полина, Вадим.

ALT Веб-стандарты: Никита, Полина, Вадим.

4
530
Что iPhone Duo значит для веб-разработки (и Video.js). Дариус Чепулис попробовал Device Posture и Viewport Segments API за флагами Safari и собрал плеер для складного экрана: видео сверху, управление снизу. #video #css videojs.org/blog/iphone-duo-…
Логотип VideoJS и заголовок «What the iPhone Duo means for web development (and Video.js)» над оранжевыми, красными и фиолетовыми полосами.

ALT Логотип VideoJS и заголовок «What the iPhone Duo means for web development (and Video.js)» над оранжевыми, красными и фиолетовыми полосами.

1
1
605
Делаем меню с фильтром, удобное для всех. Дженна Смит и Джеймс Нельсон объясняют, почему такое меню в Base UI — это диалог с полем поиска, а не комбобокс, и как стрелки переключают пункты, не мешая вводу. #a11y #component base-ui.com/blog/building-a-…
Заголовок «Building a filterable menu that works for everyone», меню «Actions» с подменю «Move to folder», отфильтрованным по «p», пример кода и логотип Base UI.

ALT Заголовок «Building a filterable menu that works for everyone», меню «Actions» с подменю «Move to folder», отфильтрованным по «p», пример кода и логотип Base UI.

2
1
6
1,131
Новинки Chrome 156. В CSS появились функция random(), псевдокласс :navigation-source для элемента, запустившего навигацию, и scroll-snap-type: pair, а неудачные импорты модулей теперь можно повторить. #chrome #browser chromestatus.com/release-not…
Графика с текстом «New in Chrome» и числом 156 рядом с логотипом Chrome на фоне зелёной сетки.

ALT Графика с текстом «New in Chrome» и числом 156 рядом с логотипом Chrome на фоне зелёной сетки.

1
2
728
Почему WebMCP важен. Йоав Вайс называет WebMCP веб-производительностью для ИИ-агентов: сайты регистрируют JS-инструменты, которые агенты вызывают вместо кликов по странице. Так совместный браузинг становится быстрее и дешевле. #ai #api blog.yoav.ws/posts/why_webmc…
Заголовок «Why WebMCP matters», подзаголовок «AKA WebMCP is Agentic WebPerf» и фото автора на фоне чертежа сцепленных шестерёнок.

ALT Заголовок «Why WebMCP matters», подзаголовок «AKA WebMCP is Agentic WebPerf» и фото автора на фоне чертежа сцепленных шестерёнок.

1
2
6
699
Сравнение JPEG XL и AVIF для веба. Джейк Арчибальд сравнил оба формата: AVIF лучше сжимает с потерями фото, скриншоты и прозрачность, а JPEG XL выигрывает без потерь. По умолчанию он советует AVIF 4:4:4. #image #performance jakearchibald.com/2026/jpeg-…
Заголовок «JPEG XL vs AVIF» поверх сетки из шести картинок: малая панда, гоночный болид, нарисованный кот, неоновая вывеска «Senna» с котами, люди с телефонами и ласка.

ALT Заголовок «JPEG XL vs AVIF» поверх сетки из шести картинок: малая панда, гоночный болид, нарисованный кот, неоновая вывеска «Senna» с котами, люди с телефонами и ласка.

1
1
534
Выпуск №549. Вадим Макеев и Никита Дубко про новинки Firefox 158 и Firefox Enterprise, переезд из Electron в PWA и обратно, JPEG XL против AVIF и иконки в интерфейсах. Лайв youtu.be/s9kwJmxYIuw Слушайте youtu.be/7tbe1w-Okz0 Ссылки web-standards.ru/podcast/549…
Веб-стандарты: Вадим, Никита.

ALT Веб-стандарты: Вадим, Никита.

1
573
Подгоняем высоту под размер фонового паттерна с помощью calc-size(). Ахмад Шадид округляет автоматическую высоту секции вверх до кратного высоте плитки через calc-size() и round(), чтобы паттерн не обрезался. Пока только в Chrome. #css #layout ishadeed.com/article/fit-hei…
Заголовок «Fit height to background pattern size with calc-size()», фото автора, «Ahmad Shadeed, Design Engineer» и две карточки «The Espresso Guide» на фоне с кусочками пиццы.

ALT Заголовок «Fit height to background pattern size with calc-size()», фото автора, «Ahmad Shadeed, Design Engineer» и две карточки «The Espresso Guide» на фоне с кусочками пиццы.

1
523
Фреймы, которые наконец подстраиваются под контент. Ахмад Альфи рассказывает о frame-sizing: content-height, разрешении через <meta> и window.requestResize(). Пока только в Chromium. #html #css alfy.blog/2026/10/09/iframe-…
Заголовок «Iframes that finally fit their content» и окно браузера со встроенной платёжной формой, ошибкой «Please check your security code» и кнопкой «Pay».

ALT Заголовок «Iframes that finally fit their content» и окно браузера со встроенной платёжной формой, ошибкой «Please check your security code» и кнопкой «Pay».

7
656
Новинки Firefox 158 для разработчиков. JPEG XL по умолчанию, типизированная арифметика в calc(), опция navigate у уведомлений, а за флагами random(), corner-shape и import defer. #firefox #browser developer.mozilla.org/en-US/…
Скриншот инструментов разработки с открытой панелью Inspector на web-standards.dev, логотипом Firefox поверх и текстом «Firefox 158».

ALT Скриншот инструментов разработки с открытой панелью Inspector на web-standards.dev, логотипом Firefox поверх и текстом «Firefox 158».

559
Безопасный рендеринг комментариев в Markdown: setHTML(), DOMPurify и Trusted Types. Агустин Барриентос собирает один явный список разрешённого для setHTML() с запасным DOMPurify и закрепляет его через Trusted Types. #security #html agustinbarrientos.com/writin…
Заголовок «Rendering Markdown Comments Safely: setHTML(), DOMPurify, and Trusted Types», окна с кодом render-comment.js и render-comment-server.js и круглое фото автора.

ALT Заголовок «Rendering Markdown Comments Safely: setHTML(), DOMPurify, and Trusted Types», окна с кодом render-comment.js и render-comment-server.js и круглое фото автора.

3
1
759
iPhone Duo: удвоенное разочарование в Safari. Майк Пионтек выяснил, что Safari не применяет безопасные зоны к правой панели iPhone Duo, а подбирает её цвет по правому краю страницы, ломая прежние трюки. #safari #css mikepiontek.com/journal/ipho…
Заголовок «iPhone Duo: doubling my disappointment with Safari» и два телефона с сайтом «robotspacer’s adventure corner», с бежевой и с зелёной боковой панелью.

ALT Заголовок «iPhone Duo: doubling my disappointment with Safari» и два телефона с сайтом «robotspacer’s adventure corner», с бежевой и с зелёной боковой панелью.

2
821
Выпуск №548. Лёша Красиков, Алексей Симоненко, Никита Дубко и Полина Гуртовая про Chrome 155, JPEG XL в Chrome, элемент <poster>, пламя из синусоид, альфу Bootstrap 6 и навыки кроме ИИ. Лайв youtu.be/CdeJazUingY Слушайте youtu.be/DeCWvP8Ou0E Ссылки web-standards.ru/podcast/548…
Веб-стандарты: Лёша, Алексей, Никита, Полина.

ALT Веб-стандарты: Лёша, Алексей, Никита, Полина.

1
562
Рейтинг фич веб-платформы на 2027 год. Команда Firefox просит выбрать около 10 важных для вас из 100 предложений для Interop 2027. В прошлом году 1900+ голосов повлияли и на Interop, и на приоритеты Firefox. #interop #firefox interop-rank.fxdx.dev/
Список «Advanced layout of sorts», «Exciting animations», «A mind-blowing JS thing» и «Innovative typography feature», курсор перетаскивает «Improved compat for some old thing».

ALT Список «Advanced layout of sorts», «Exciting animations», «A mind-blowing JS thing» и «Innovative typography feature», курсор перетаскивает «Improved compat for some old thing».

2
890
Новинки Chrome 155. Вернулась поддержка JPEG XL, в CSS появились margin-trim и функция symbols() для стилей счётчиков на месте, а JavaScript умеет импортировать текстовые модули через { type: "text" }. #chrome #browser chromestatus.com/release-not…
Графика с текстом «New in Chrome» и числом 155 рядом с логотипом Chrome на фоне жёлтой сетки.

ALT Графика с текстом «New in Chrome» и числом 155 рядом с логотипом Chrome на фоне жёлтой сетки.

470
Пламени нужны три синусоиды. Кармен Ансио разбирает анимацию спички на канвасе: пламя из капель, три синусоиды для живого мерцания, искры с гравитацией и поддержка prefers-reduced-motion. #animation #js carmenansio.com/articles/mat…
Заголовок «A flame needs three sine waves», теги Motion, Creative Coding и Maths, круги с карандашным наброском пламени, незажжённой и горящей спичкой.

ALT Заголовок «A flame needs three sine waves», теги Motion, Creative Coding и Maths, круги с карандашным наброском пламени, незажжённой и горящей спичкой.

3
776
Передаём sibling-count() родительскому элементу. Темани Афиф превращает sibling-count() лишнего дочернего элемента в переменную на родителе с помощью анимаций по скроллу — замена для предложенной children-count() на чистом CSS. #css #scroll blog.master.dev/transferring…
Заголовок «Transferring sibling-count() to a Parent Element», список комментариев «Show All The Replies (6)» с аватарами, красный логотип M и мультяшный аватар автора в кепке.

ALT Заголовок «Transferring sibling-count() to a Parent Element», список комментариев «Show All The Replies (6)» с аватарами, красный логотип M и мультяшный аватар автора в кепке.

1
649
Developer Signals: влияйте на то, что браузеры сделают дальше. Рик Вискоми запустил инструмент, где можно голосовать за будущие веб-фичи и предложения для Interop 2027 и делиться сценариями, которые увидят браузеры. #interop #browser developer-signals.dev
Логотип и название «Developer Signals», заголовок «Shape what browsers build next» и карточки Temporal, Document picture-in-picture и Responsive iframes с местами в рейтинге.

ALT Логотип и название «Developer Signals», заголовок «Shape what browsers build next» и карточки Temporal, Document picture-in-picture и Responsive iframes с местами в рейтинге.

1
3
927
Load more