Веб-стандарты
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон 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 785 subscribers, ranking 9 250 in the Technologies & Applications category and 47 109 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 13 785 subscribers.
According to the latest data from 28 October, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -89 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.33%. Within the first 24 hours after publication, content typically collects 13.78% reactions from the total number of subscribers.
- Post reach: On average, each post receives 3 767 views. Within the first day, a publication typically gains 1 899 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 29 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.
Loading data
| Date | Subscriber Growth | Mentions | Channels | |
| 29 October | 0 | |||
| 28 October | +1 | |||
| 27 October | 0 | |||
| 26 October | +2 | |||
| 25 October | +4 | |||
| 24 October | 0 | |||
| 23 October | +4 | |||
| 22 October | +3 | |||
| 21 October | 0 | |||
| 20 October | +4 | |||
| 19 October | +3 | |||
| 18 October | 0 | |||
| 17 October | +1 | |||
| 16 October | 0 | |||
| 15 October | 0 | |||
| 14 October | 0 | |||
| 13 October | +1 | |||
| 12 October | +4 | |||
| 11 October | +1 | |||
| 10 October | +1 | |||
| 09 October | +2 | |||
| 08 October | +3 | |||
| 07 October | +1 | |||
| 06 October | +3 | |||
| 05 October | 0 | |||
| 04 October | +1 | |||
| 03 October | 0 | |||
| 02 October | +1 | |||
| 01 October | 0 |
::field-content для кастомизируемых <select> и переименовывает flow-tolerance в fit-tolerance в Grid Lanes. С align-self: safe center абсолютно позиционированные блоки остаются внутри контейнера. Плюс 20 багфиксов. #safari #browser
27.1 https://webkit.org/blog/18486/webkit-features-for-safari-27-1/
27.2 https://webkit.org/blog/18515/webkit-features-for-safari-27-2/| 2 | Новинки Firefox 159 для разработчиков. Анимации по скроллу теперь включены по умолчанию: свойства анимируются по шкале прокрутки, а не времени. Изолированные реестры кастомных элементов позволяют задать для shadow DOM свой CustomElementRegistry и избежать конфликта имён веб-компонентов. Старый синтаксис masonry удалён в пользу display: grid-lanes. А ещё setHTML() теперь очищает разметку при парсинге, а у WebGL новые расширения. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/159 | 2 074 |
| 3 | Представляем библиотеку доступных компонентов. Крейг Эбботт рассказывает об открытой библиотеке TetraLogical из восьми компонентов, включая аккордеон, диалог, вкладки и текстовое поле, с кодом и документацией. Каждый компонент привязан к критериям WCAG 2.2, описанным как сценарии на Gherkin, которые проверяются в браузере через Cucumber и Playwright с клавиатуры и мышью. Около 97% сценариев автоматизированы, остальные — чек-лист для ручной проверки. #a11y #component
https://tetralogical.com/blog/2026/10/14/accessible-components-library/ | 2 362 |
| 4 | 00:01:07 Новинки Chrome 156
00:33:47 Случайности с CSS random()
00:55:05 Споры вокруг WebMCP
01:30:13 Порт TypeScript на Rust | 2 453 |
| 5 | Выпуск №550. Никита Дубко, Полина Гуртовая и Вадим Макеев про новинки Chrome 156, случайности с CSS random(), споры вокруг WebMCP и порт TypeScript на Rust.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 2 411 |
| 6 | Что 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-development | 3 628 |
| 7 | Делаем меню с фильтром, удобное для всех. Дженна Смит и Джеймс Нельсон объясняют, почему такое меню в Base UI — это диалог с полем поиска, а не комбобокс. Стрелки подсвечивают пункты через aria-activedescendant, а фокус остаётся в поле. Home и End работают по-разному в зависимости от того, есть ли текст, а у каждого подменю своё поле. Для поля выбрали type="text" с role="searchbox", чтобы обойтись без нативной кнопки очистки, а из меню можно уйти табом. #a11y #component
https://base-ui.com/blog/building-a-filterable-menu | 3 654 |
| 8 | Новинки Chrome 156. В CSS появилась функция random() для случайных значений, псевдокласс :navigation-source для ссылки, кнопки или формы, запустивших навигацию, и значение pair для scroll-snap-type для привязки к одному элементу по обеим осям. Свойство overflow принимает scroll clip для прокрутки по одной оси. Неудачные импорты модулей больше не кешируются, и их можно повторить, WebTransport поддерживает свои заголовки, а IndexedDB переезжает на SQLite. #chrome #browser
https://chromestatus.com/release-notes/156 | 3 371 |
| 9 | Почему WebMCP важен. Йоав Вайс, запустивший WebMCP-инструменты для витрин Shopify, считает, что совместный браузинг — единственная модель работы агентов, где контроль у пользователя, а WebMCP делает её быстрой. Сайты регистрируют JS-инструменты со схемами и описаниями, и агенты вызывают их, а не кликают по скриншотам. По тестам это в 2,5–7,5 раза быстрее и до 47 раз дешевле. Он также отвечает на критику WebKit и объясняет, почему одного декларативного WebMCP мало. #ai #api
https://blog.yoav.ws/posts/why_webmcp_matters/ | 3 601 |
| 10 | Сравнение 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/ | 3 399 |
| 11 | 00:01:14 Новинки Firefox 158 и Enterprise
00:33:48 Из Electron в PWA и обратно
01:13:09 JPEG XL против AVIF
01:40:38 Иконки в интерфейсах | 3 145 |
| 12 | Выпуск №549. Вадим Макеев и Никита Дубко про новинки Firefox 158 и Firefox Enterprise, переезд из Electron в PWA и обратно, JPEG XL против AVIF и иконки в интерфейсах.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 3 098 |
| 13 | Подгоняем высоту под размер фонового паттерна с помощью 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/ | 3 993 |
| 14 | Подгоняем высоту под размер фонового паттерна с помощью 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/ | 1 |
| 15 | Фреймы, которые наконец подстраиваются под контент. Ахмад Альфи показывает, как 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.html | 4 133 |
| 16 | Новинки 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/158 | 3 887 |
| 17 | Безопасный рендеринг комментариев в 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/ | 3 623 |
| 18 | iPhone Duo: удвоенное разочарование в Safari. Майк Пионтек проверил свои сайты в симуляторе iPhone Duo и выяснил, что Safari не считает боковую панель безопасной зоной, так что отступы через env() не помогают. Вместо этого Safari подбирает её цвет по пикселям в 5–10 px от края страницы — недокументированно, без учёта theme-color и всего, что не fixed или sticky. А его трюк для других устройств, фиксированная полоса сверху, теперь обрезана справа. #safari #css
https://mikepiontek.com/journal/iphone-duo-safari.html | 4 096 |
| 19 | 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 Навыки кроме ИИ | 3 793 |
| 20 | Выпуск №548. Лёша Красиков, Алексей Симоненко, Никита Дубко и Полина Гуртовая про новинки Chrome 155, JPEG XL в Chrome, элемент <poster> для видео, пламя из синусоид, альфу Bootstrap 6 и навыки кроме ИИ.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 3 800 |
