@webstandards_ru

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

web-standards.ru/
Joined May 2009
  • Tweets11.5K
  • Following0
  • Followers22.1K
9.1KMedia
Что 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
593
Делаем меню с фильтром, удобное для всех. Дженна Смит и Джеймс Нельсон объясняют, почему такое меню в 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,110
Новинки 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
720
Почему 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
690
Сравнение 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
529
Выпуск №549. Вадим Макеев и Никита Дубко про новинки Firefox 158 и Firefox Enterprise, переезд из Electron в PWA и обратно, JPEG XL против AVIF и иконки в интерфейсах. Лайв youtu.be/s9kwJmxYIuw Слушайте youtu.be/7tbe1w-Okz0 Ссылки web-standards.ru/podcast/549…
Веб-стандарты: Вадим, Никита.

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

1
568
Подгоняем высоту под размер фонового паттерна с помощью 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
520
Фреймы, которые наконец подстраиваются под контент. Ахмад Альфи рассказывает о 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
652
Новинки 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».

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

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

1
560
Рейтинг фич веб-платформы на 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
888
Новинки 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 на фоне жёлтой сетки.

467
Пламени нужны три синусоиды. Кармен Ансио разбирает анимацию спички на канвасе: пламя из капель, три синусоиды для живого мерцания, искры с гравитацией и поддержка 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
773
Передаём 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
646
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
925
Выпуск №547. Никита Дубко, Вадим Макеев и Алексей Симоненко про новинки Firefox 157, стилизацию тултипов и State of Devs. Лайв на Ютубе youtu.be/dYCVrp7vubU Слушайте на Ютубе youtu.be/l_uvz2WX-c0 Ссылки на сайте web-standards.ru/podcast/547…
Веб-стандарты: Никита, Вадим, Алексей.

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

2
693
Кризис среднего возраста у JavaScript. Марун Байдун о переписывании инструментов на Rust, Go и Zig: сборка быстрее, но всё меньше JS-разработчиков могут читать, отлаживать и поддерживать свои инструменты. #js #tools maroun-baydoun.com/blog/java…
Заголовок «The JavaScript midlife crisis», фотография Маруна Байдуна и тёмная статуя с золотым лавровым венком, закрывающим глаза.

ALT Заголовок «The JavaScript midlife crisis», фотография Маруна Байдуна и тёмная статуя с золотым лавровым венком, закрывающим глаза.

4
888
Результаты опроса State of Devs 2026. Саша Грейф и Devographics опросили 5463 разработчиков: 62% сталкивались с выгоранием, большинство пишет код с помощью AI, но лишь 23% считают, что он хорошо повлиял на их ментальное состояние. #stateof #survey 2026.stateofdevs.com/en-US/
Пиксельный логотип «The State of Devs 2026» в окружении иконок и разделы Workplace, Career, Health, Hobbies, Mental State, Politics, AI и Opinions.

ALT Пиксельный логотип «The State of Devs 2026» в окружении иконок и разделы Workplace, Career, Health, Hobbies, Mental State, Politics, AI и Opinions.

1
747
Load more