Веб-стандарты
Open in Telegram
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
Show more📈 Analytical overview of Telegram channel Веб-стандарты
Channel Веб-стандарты (@webstandards_ru) in the Russian language segment is an active participant. Currently, the community unites 13 797 subscribers, ranking 9 185 in the Technologies & Applications category and 47 030 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 13 797 subscribers.
According to the latest data from 26 October, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -86 over the last 30 days and by -5 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 27.57%. Within the first 24 hours after publication, content typically collects 14.03% reactions from the total number of subscribers.
- Post reach: On average, each post receives 3 804 views. Within the first day, a publication typically gains 1 936 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 17.
- Thematic interests: Content is focused on key topics such as css, chrome, html, api, javascript.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“Новости фронтенда и еженедельный подкаст.
Простой способ сказать спасибо и попасть в закрытый чат:
— Патреон https://www.patreon.com/webstandards_ru
— Бусти https://boosty.to/webstandards_ru”
Thanks to the high frequency of updates (latest data received on 27 October, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.
13 797
Subscribers
-524 hours
-77 days
-8630 days
Posts Archive
13 797
Представляем библиотеку доступных компонентов. Крейг Эбботт рассказывает об открытой библиотеке TetraLogical из восьми компонентов, включая аккордеон, диалог, вкладки и текстовое поле, с кодом и документацией. Каждый компонент привязан к критериям WCAG 2.2, описанным как сценарии на Gherkin, которые проверяются в браузере через Cucumber и Playwright с клавиатуры и мышью. Около 97% сценариев автоматизированы, остальные — чек-лист для ручной проверки. #a11y #component
https://tetralogical.com/blog/2026/10/14/accessible-components-library/
13 797
00:01:07 Новинки Chrome 156
00:33:47 Случайности с CSS random()
00:55:05 Споры вокруг WebMCP
01:30:13 Порт TypeScript на Rust
13 797
Выпуск №550. Никита Дубко, Полина Гуртовая и Вадим Макеев про новинки Chrome 156, случайности с CSS
random(), споры вокруг WebMCP и порт TypeScript на Rust.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте13 797
Что iPhone Duo значит для веб-разработки (и Video.js). Дариус Чепулис изучил симулятор iPhone Duo и нашёл в Safari два экспериментальных флага: Device Posture API сообщает, сложен экран или нет, а Viewport Segments API описывает обе половины экрана через медиавыражения и переменные
env(). С их помощью он собрал плеер в стиле Netflix: видео сверху, управление снизу. А в эмуляторе Pixel Fold полноэкранный режим занимает только верхнюю половину. #video #css
https://videojs.org/blog/iphone-duo-web-development13 797
Делаем меню с фильтром, удобное для всех. Дженна Смит и Джеймс Нельсон объясняют, почему такое меню в Base UI — это диалог с полем поиска, а не комбобокс. Стрелки подсвечивают пункты через
aria-activedescendant, а фокус остаётся в поле. Home и End работают по-разному в зависимости от того, есть ли текст, а у каждого подменю своё поле. Для поля выбрали type="text" с role="searchbox", чтобы обойтись без нативной кнопки очистки, а из меню можно уйти табом. #a11y #component
https://base-ui.com/blog/building-a-filterable-menu13 797
Новинки Chrome 156. В CSS появилась функция
random() для случайных значений, псевдокласс :navigation-source для ссылки, кнопки или формы, запустивших навигацию, и значение pair для scroll-snap-type для привязки к одному элементу по обеим осям. Свойство overflow принимает scroll clip для прокрутки по одной оси. Неудачные импорты модулей больше не кешируются, и их можно повторить, WebTransport поддерживает свои заголовки, а IndexedDB переезжает на SQLite. #chrome #browser
https://chromestatus.com/release-notes/15613 797
Почему WebMCP важен. Йоав Вайс, запустивший WebMCP-инструменты для витрин Shopify, считает, что совместный браузинг — единственная модель работы агентов, где контроль у пользователя, а WebMCP делает её быстрой. Сайты регистрируют JS-инструменты со схемами и описаниями, и агенты вызывают их, а не кликают по скриншотам. По тестам это в 2,5–7,5 раза быстрее и до 47 раз дешевле. Он также отвечает на критику WebKit и объясняет, почему одного декларативного WebMCP мало. #ai #api
https://blog.yoav.ws/posts/why_webmcp_matters/
13 797
Сравнение JPEG XL и AVIF для веба. Джейк Арчибальд сравнил оба формата на фото, скриншотах и картинках с прозрачностью. При сжатии с потерями AVIF выигрывает везде: на фото JPEG XL при стандартных настройках обычно на 15–25% тяжелее, а на скриншотах и прозрачности разрыв ещё больше. Без потерь лидирует JPEG XL. По умолчанию Джейк советует AVIF 4:4:4 с самым тщательным сжатием, на какое хватит терпения, а JPEG XL через энкодер jixel стоит попробовать. #image #performance
https://jakearchibald.com/2026/jpeg-xl-vs-avif/
13 797
00:01:14 Новинки Firefox 158 и Enterprise
00:33:48 Из Electron в PWA и обратно
01:13:09 JPEG XL против AVIF
01:40:38 Иконки в интерфейсах
13 797
Выпуск №549. Вадим Макеев и Никита Дубко про новинки Firefox 158 и Firefox Enterprise, переезд из Electron в PWA и обратно, JPEG XL против AVIF и иконки в интерфейсах.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 797
Подгоняем высоту под размер фонового паттерна с помощью calc-size(). Ахмад Шадид начинает с секции, где паттерн, повторяющийся по обеим осям, обрезается снизу. С
background-repeat: round обрезки нет, но плитки растягиваются или сжимаются. А вот height: calc-size(auto, round(up, size, var(--tile-height))) берёт высоту контента и округляет её вверх до ближайшего кратного высоте плитки. Тот же round() подгоняет под паттерн и padding-block. Пока только в Chrome. #css #layout
https://ishadeed.com/article/fit-height-background-pattern-calc-size/13 797
Подгоняем высоту под размер фонового паттерна с помощью calc-size(). Ахмад Шадид начинает с секции, где паттерн, повторяющийся по обеим осям, обрезается снизу. С
background-repeat: round обрезки нет, но плитки растягиваются или сжимаются. А вот height: calc-size(auto, round(up, size, var(--tile-height))) берёт высоту контента и округляет её вверх до ближайшего кратного высоте плитки. Тот же round() подгоняет под паттерн и padding-block. Пока только в Chrome. #css #layout
https://ishadeed.com/article/fit-height-background-pattern-calc-size/13 797
Фреймы, которые наконец подстраиваются под контент. Ахмад Альфи показывает, как
frame-sizing: content-height в Chromium подгоняет <iframe> под содержимое без postMessage. Встроенная страница разрешает это мета-элементом responsive-embedded-sizing прямо в HTML, а после изменений вызывает window.requestResize(). В других браузерах пригодятся @supports и фолбек на postMessage. #html #css
https://alfy.blog/2026/10/09/iframe-that-finally-fit-their-content.html13 797
Новинки Firefox 158 для разработчиков. Формат JPEG XL теперь включён по умолчанию: сжатие с потерями и без, прозрачность, анимация и HDR. Типизированная арифметика в CSS позволяет делить в
calc() значения с разными единицами, например 100vw / 1px, и получать безразмерное число. У уведомлений появилась опция navigate с адресом для перехода по клику, а у WebTransport — метод getStats(). За флагами: функция random(), corner-shape и import defer. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/15813 797
Безопасный рендеринг комментариев в Markdown: setHTML(), DOMPurify и Trusted Types. Агустин Барриентос показывает, как marked.js сохраняет сырой HTML в комментариях и почему фраза «мы санитизируем» мало что значит, когда настройки библиотек по умолчанию так различаются. Он описывает один явный список разрешённого в формате
SanitizerConfig, применяет его через setHTML(), а где его нет — через DOMPurify, а Trusted Types не даёт обойти защиту через innerHTML. #security #html
https://agustinbarrientos.com/writing/senior-eye/rendering-markdown-comments-safely/13 797
iPhone Duo: удвоенное разочарование в Safari. Майк Пионтек проверил свои сайты в симуляторе iPhone Duo и выяснил, что Safari не считает боковую панель безопасной зоной, так что отступы через
env() не помогают. Вместо этого Safari подбирает её цвет по пикселям в 5–10 px от края страницы — недокументированно, без учёта theme-color и всего, что не fixed или sticky. А его трюк для других устройств, фиксированная полоса сверху, теперь обрезана справа. #safari #css
https://mikepiontek.com/journal/iphone-duo-safari.html13 797
00:01:22 Новинки Chrome 155
00:37:11 JPEG XL в Chrome
00:51:53 Элемент poster для видео
01:07:12 Пламя из синусоид
01:19:00 Альфа Bootstrap 6
01:39:17 Навыки кроме ИИ
13 797
Выпуск №548. Лёша Красиков, Алексей Симоненко, Никита Дубко и Полина Гуртовая про новинки Chrome 155, JPEG XL в Chrome, элемент
<poster> для видео, пламя из синусоид, альфу Bootstrap 6 и навыки кроме ИИ.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте13 797
Рейтинг фич веб-платформы на 2027 год. Команда Firefox просит расставить по важности предложения для Interop 2027 — от CSS
@function и if() до Temporal, кастомизируемого <select> и grid lanes. Войдите через GitHub и выберите около 10 из 100 предложений. Добавляйте только те, к которым относитесь положительно: всё, что попало в рейтинг, считается голосом «за». В прошлом году 1900+ голосов повлияли и на Interop, и на приоритеты Firefox. #interop #firefox
https://interop-rank.fxdx.dev/13 797
Новинки Chrome 155. Вернулась поддержка JPEG XL с прогрессивной отрисовкой. CSS-функция
symbols() задаёт стиль счётчика прямо на месте, без именованного правила @counter-style, свойство margin-trim убирает отступы по краям контейнера, а text-decoration-skip-spaces управляет пропуском пробелов в подчёркивании. В JavaScript появились текстовые модули через import with { type: "text" }, а в WebCrypto — постквантовые алгоритмы ML-KEM и ML-DSA. #chrome #browser
https://chromestatus.com/release-notes/155