Веб-стандарты
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 846 subscribers, ranking 8 899 in the Technologies & Applications category and 46 441 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 13 846 subscribers.
According to the latest data from 06 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 1 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 26.81%. Within the first 24 hours after publication, content typically collects 14.33% reactions from the total number of subscribers.
- Post reach: On average, each post receives 3 713 views. Within the first day, a publication typically gains 1 984 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 20.
- 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 07 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 846
Subscribers
+124 hours
-257 days
-8930 days
Posts Archive
13 847
Передаём sibling-count() родительскому элементу. Темани Афиф показывает, как родителю узнать, сколько у него детей. Функция
sibling-count() считает соседей, а не детей, поэтому он добавляет лишний элемент шириной в sibling-count() и с помощью анимаций по скроллу, view-timeline и timeline-scope превращает её в переменную --n на родителе. Пригодится для счётчиков, почти квадратных сеток с sqrt() и круговых раскладок. Пока только в Chrome и Edge. #css #scroll
https://blog.master.dev/transferring-sibling-count-to-a-parent-element/13 847
Developer Signals: влияйте на то, что браузеры сделают дальше. Рик Вискоми запустил инструмент, где можно посмотреть 354 будущие веб-фичи, отфильтровать их по поддержке в браузерах и проголосовать за нужные. Есть два направления: вечнозелёные фичи и предложения для Interop 2027. Голоса и сценарии использования через GitHub попадают прямо в репозиторий группы WebDX, чтобы помочь браузерам расставить приоритеты. #interop #browser
https://developer-signals.dev
13 847
Выпуск №547. Никита Дубко, Вадим Макеев и Алексей Симоненко про новинки Firefox 157, стилизацию тултипов и State of Devs.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 847
Кризис среднего возраста у JavaScript. Марун Байдун разбирает, как Rust, Go и Zig захватывают инструменты JavaScript. Пока линтеры и форматтеры были на том же языке, что и код, любой мог их отладить и починить. Бандлер, переписанный на Rust, быстрее, но поддерживать его могут меньше людей. Мы компилируем JavaScript на Rust, чтобы получить JavaScript для движка, написанного в основном на C++, то есть прокладываем всё более быстрые рельсы для медленного поезда. #js #tools
https://maroun-baydoun.com/blog/javascript-midlife-crisis/
13 847
Результаты опроса State of Devs 2026. Саша Грейф и Devographics опросили 5463 разработчиков обо всём, кроме кода. Главные проблемы на работе связаны с менеджментом, а 62% сталкивались с выгоранием. Большинство пишет основную часть кода с помощью AI, но мнения о нём разделились поровну, и лишь 23% считают, что он хорошо повлиял на их ментальное состояние. Больше всего беспокоит изменение климата, а об индустрии говорят с усталостью и разочарованием. #stateof #survey
https://2026.stateofdevs.com/en-US/
13 847
Новинки Firefox 157 для разработчиков. Функция
at-rule() в @supports проверяет поддержку директивы, например at-rule(@scope), и работает в функции supports() директивы @import. У свойств overscroll-behavior появилось значение chain: прокрутка передаётся другой прокручиваемой области, но без стандартного отскока. Animation.reverse() теперь запускает анимацию с playbackRate 0. За флагами: ML-KEM в Web Crypto и опция navigate у уведомлений. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/15713 847
Как ускорить сайт, отправляя больше CSS. В блоге GitHub Джош Блэк и Мари Лукка рассказывают, как дизайн-система Primer перешла с CSS-in-JS на CSS-модули. Пропс
sx создавал рантайм-нагрузку, которая росла с числом компонентов на странице, поэтому команда выкатывала обе версии за флагами и сравнивала скриншоты визуальных тестов. Итог: серверный рендеринг страницы стал быстрее на 55%, а инициализация компонентов — на 25%. #css #performance
https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/13 847
Новинки Chrome 154. Новое свойство
text-decoration-inset задаёт, где начинаются и заканчиваются подчёркивания, надчёркивания и зачёркивания, а отрицательные значения выводят их за пределы текста. У свойства scroll-marker-group появились режимы links и tabs, которые задают порядок фокуса и ARIA-семантику маркеров прокрутки. Элемент <iframe> умеет подстраиваться под контент через frame-sizing, а в JavaScript появился Iterator.includes(). #chrome #browser
https://developer.chrome.com/release-notes/15413 847
00:01:30 Настройка таблиц MDN
00:07:39 Новинки Chrome 154
00:56:53 Параметры для SVG
01:14:44 Хорошие сайты от ИИ
01:32:57 Будущее браузеров
13 847
Выпуск №546. Алексей Симоненко, Вадим Макеев и Никита Дубко про настройку таблиц MDN, новинки Chrome 154, параметры для SVG, хорошие сайты от ИИ и будущее браузеров.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 847
Ситуативные отношения браузеров: когда браузеры согласны, а спецификация нет. Ракхи Шарма разбирает, что происходит, если Chrome, Firefox и Safari делают одно, а спецификация описывает другое. Иногда чинят браузеры, а иногда правят спецификацию: так вышло с нормализацией переводов строк при отправке форм. WHATWG, Web Platform Tests и Compatibility Standard ведут всех к общему поведению. #browser #interop
https://www.atbrakhi.dev/blog/browsers-situationship
13 847
Один SVG, девять постеров: свойство link-parameters. Вадим Макеев пробует новую спецификацию CSS Linked Parameters: она работает в Firefox Nightly и за флагом в Safari TP. В SVG-файле вместо значения
env(--color, фолбек), а страница передаёт своё через link-parameters: param(--color, coral). Постер Уорхола в SVG, вставленный девять раз как <img>, раскрашивается по-разному из одного закешированного файла. #css #svg
https://pepelsbey.dev/articles/svg-link-params/13 847
Корневой скроллер и как его не потерять. Килиан Валкхоф объясняет, что умеет главный скролл-контейнер страницы: восстанавливает позицию скролла, слушает пробел и стрелки, а на мобильных прячет адресную строку и даёт pull-to-refresh. Обёртка с фиксированной высотой и
overflow его подменяет, и это выдаёт window.scrollY, застрявший на нуле. У полноэкранных макетов, стики-шапок и блокировки прокрутки есть решения, сохраняющие скролл страницы. #css #scroll
https://polypane.app/blog/the-root-scroller-and-how-not-to-lose-it/13 847
Адаптивные iframe в Chrome 154. Себастьян Бенц и Брамус Ван Дамм рассказывают о свойстве
frame-sizing: встроенный фрейм сам растёт под свой контент, без передачи высоты через postMessage. Встраивающая страница задаёт frame-sizing: content-height, а встроенный документ разрешает это элементом <meta>, где можно ограничить список источников. После изменения контента новый замер запрашивают через window.requestResize(). Пока за флагами в Chrome и Edge. #html #css
https://developer.chrome.com/blog/responsive-iframes13 847
Выравниваем иконки и подписи. Ахмад Шадид начинает со списка, где
align-items: center сбивается, стоит подписи перенестись на вторую строку, а align-items: start поднимает иконку слишком высоко из-за строчного бокса. Помогает единица lh: половина разницы между строкой и размером иконки задаётся как смещение через translateY и работает при любом размере шрифта. Фоновым иконкам на псевдоэлементах нужна пара дополнительных объявлений. #css #layout
https://ishadeed.com/article/aligning-list-icons/13 847
00:01:22 Новинки Firefox 156
00:14:44 Релиз Safari 27
01:06:33 Выравнивание иконок
01:17:58 Боковые сноски
01:30:29 Аргументы против JPEG XL
13 847
Выпуск №545. Полина Гуртовая, Вадим Макеев и Алексей Симоненко про новинки Firefox 156, релиз Safari 27, выравнивание иконок, боковые сноски и аргументы против JPEG XL.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 847
Сноски на полях с помощью CSS anchor positioning. Венсан Берна связывает знак сноски и саму заметку через
anchor-name и position-anchor, оба значения берутся из дата-атрибутов типизированным attr(). Каждая заметка встаёт напротив своего знака сноски, а если мешает предыдущая, то max() из двух значений anchor() опускает её строкой ниже. На узких экранах и в старых браузерах сноски остаются под абзацем приглушённым цветом. #css #anchor
https://vincent.bernat.ch/en/blog/2026-css-sidenotes13 847
Современные типы для веба. Филип Уолтон устал от того, что TypeScript помечает ошибками View Transition API, Long Animation Frame API и
fetchLater(): официальные типы для DOM включают только те API, что уже есть в двух движках. Поэтому он выпустил modern-web-types — замену, собранную тем же генератором и по данным W3C webref, но с порогом в один движок: плюс 433 интерфейса, 223 глобальные переменные и 311 свойств и методов у существующих. #tools #js
https://philipwalton.com/articles/modern-web-types/