Веб-стандарты
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
显示更多📈 Telegram 频道 Веб-стандарты 的分析概览
频道 Веб-стандарты (@webstandards_ru) 俄语 语言赛道中的 是活跃参与者。目前社区聚集了 13 946 名订阅者,在 技术与应用 类别中位列第 9 193,并在 俄罗斯 地区排名第 47 466 位。
📊 受众指标与增长动态
自 невідомо 创建以来,项目保持高速增长,吸引了 13 946 名订阅者。
根据 30 六月, 2026 的最新数据,频道保持稳定运转。过去 30 天订阅人数变化为 -49,过去 24 小时变化为 2,整体触达仍然可观。
- 认证状态: 未认证
- 互动率 (ER): 平均受众互动率为 27.77%。内容发布后 24 小时内通常能获得 14.70% 的反应,占订阅者总量。
- 帖子覆盖: 每篇帖子平均可获得 3 874 次浏览,首日通常累积 2 051 次浏览。
- 互动与反馈: 受众积极参与,单帖平均反应数为 19。
- 主题关注点: 内容集中在 css, chrome, html, api, javascript 等核心主题上。
📝 描述与内容策略
作者将该频道定位为表达主观观点的平台:
“Новости фронтенда и еженедельный подкаст.
Простой способ сказать спасибо и попасть в закрытый чат:
— Патреон https://www.patreon.com/webstandards_ru
— Бусти https://boosty.to/webstandards_ru”
凭借高频更新(最新数据采集于 01 七月, 2026),频道始终保持新鲜度与高覆盖。分析显示受众积极互动,使其成为 技术与应用 类别中的关键影响点。
数据加载中...
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 01 七月 | +1 |
| 2 | Современное оформление тем в CSS с light-dark(), contrast-color() и style-выражениями. Юна Кравец объединяет light-dark() для цветов с учётом предпочтений пользователя, @property для типизированных свойств, contrast-color() для автоматического выбора чёрного или белого текста и @container style() для более насыщенных палитр. Так разделяются темизация всей страницы и отдельных компонентов, а тени в светлой теме и свечение рамок в тёмной задают глубину. #css #color
https://una.im/modern-css-theming/ | 2 197 |
| 3 | Ваши grid lanes, скорее всего, провалят WCAG 2.4.3. Мануэль Матузович показывает, как grid lanes переставляют элементы ради выравнивания высоты колонок — из-за этого порядок табуляции расходится с визуальным и нарушает WCAG 2.4.3 Focus Order. Свойство flow-tolerance помогает, но часто требует очень больших значений, а reading-flow может всё исправить, когда появится поддержка. #css #a11y
https://www.matuzo.at/blog/2026/grid-lanes-accessibility | 2 289 |
| 4 | 00:01:38 Чего не хватает SVG
00:28:30 DevTools для агентов
00:55:34 Grid Lanes и доступность
01:14:40 Git Worktree
01:27:52 Одинаковость сайтов | 2 502 |
| 5 | Выпуск №533. Никита Дубко, Алексей Симоненко и Вадим Макеев про чего не хватает SVG, DevTools для агентов, Grid Lanes и доступность, Git Worktree и одинаковость сайтов.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 2 434 |
| 6 | Чего не хватает SVG. Патрик Броссет собрал отзывы разработчиков из тикетов Chromium, предложений в Interop, опроса State of CSS и соцсетей и выделил одиннадцать пробелов: стилизация извне, интеграция с CSS, перенос и раскладка текста, производительность, создание анимаций, отзывчивый viewBox, переиспользование через <use> и <symbol>, геометрические API, совместимость, доступность и надёжность <foreignObject>. #svg #css
https://patrickbrosset.com/articles/2026-06-22-whats-missing-from-svg/ | 3 218 |
| 7 | Эксперименты с random() в CSS. Килиан Валкхоф в блоге Polypane разбирает новую CSS-функцию random(), которая возвращает случайное значение между минимумом и максимумом, с необязательным шагом и ключевым словом element-scoped для одинаковых значений у элемента. Среди демо — боке, падающие лепестки сакуры, перетаскиваемая стопка фото, случайная поэзия с if() и северное сияние. Работает в Safari 26.2+ и Chromium 148+ за флагом. #css #animation
https://polypane.app/blog/experimenting-with-random-in-css/ | 3 460 |
| 8 | Анимируем элемент <dialog> с помощью view transitions. Рик Скеннинк применяет View Transitions API как прогрессивное улучшение: проверяет prefers-reduced-motion и поддержку startViewTransition, переносит view-transition-name с <button> и её текста на <dialog> и его заголовок внутри startViewTransition(), превращая кнопку в модальное окно. #css #viewtransition
https://pqina.nl/blog/animating-the-dialog-element-using-view-transitions/ | 3 357 |
| 9 | Улучшаем карточки с помощью anchor positioning. Эмиль Бьёрклунд накрывает карточку псевдоэлементом ссылки через anchor positioning, чтобы вся поверхность была кликабельной без оборачивания всего в <a>. С position-area: center и place-self: stretch псевдоэлемент заполняет карточку, а отступ снизу через anchor() привязывает его ко вторичному действию, оставляя мёртвую зону вокруг кнопки без магических чисел. #anchor #css
https://thatemil.com/blog/clickable-surface-expansion-using-anchor-position/ | 3 572 |
| 10 | Вышел Babel 8: только ESM, без ES5 по умолчанию и плавный путь миграции. Команда Babel выпустила восьмую версию спустя восемь лет, за которые загрузки выросли с 1,7 до 651 млн в неделю, сосредоточившись на трёх изменениях, а не на новых возможностях. Теперь Babel только ESM и требует Node.js 22+, больше не компилирует в ES5, а целится в современные браузеры через Browserslist и заменяет общие опции loose и spec на assumptions, включаемые по отдельности. #js #tools
https://babeljs.io/blog/2026/06/16/8.0.0/ | 3 597 |
| 11 | 00:01:31 Новинки Firefox 152
00:20:47 Планы Mozilla на 2026
00:30:57 Закат Manifest V2
01:01:05 MCP-сервер MDN
01:16:30 Браузеры на консолях | 3 217 |
| 12 | Выпуск №532. Никита Дубко и Вадим Макеев про Firefox 152, планы Mozilla на 2026, закат Manifest V2, MCP-сервер MDN и браузеры на консолях.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 3 149 |
| 13 | Основы и опыт разработки с CSS @function. Джейн Ори разбирает кастомные CSS-функции: как с помощью @function инкапсулировать переиспользуемое поведение стилей, принимать типизированные аргументы со значениями по умолчанию, держать внутренние переменные приватными и валидировать результат через returns. Среди ограничений — отсутствие рекурсии. Также автор собирает DX-проблемы: тихие сбои, недостижимые фолбэки и отсутствие спред-синтаксиса. #css #learn
https://frontendmasters.com/blog/the-fundamentals-and-dev-experience-of-css-function/ | 3 981 |
| 14 | Контекстно-зависимые заголовки в HTML. Мануэль Матузович рассказывает про headingoffset — новый HTML-атрибут, который сдвигает уровни вложенных заголовков в дереве доступности, не меняя самих тегов. Заворачиваем секцию в headingoffset="1", и <h1> внутри становятся <h2> для скринридеров. Атрибут headingreset позволяет отключить эффект. Особенно полезно для веб-компонентов, рендерящих заголовки в Shadow DOM. Доступно в Firefox Nightly за флагом. #html #a11y
https://www.matuzo.at/blog/2026/content-aware-headings | 4 165 |
| 15 | Новинки Firefox 152 для разработчиков. CSS-свойство field-sizing для полей форм, экшены в showNotification(), unadjustedMovement для requestPointerLock(), pseudoElement для getAnimations(), свойство side у SVGTextPathElement и экспериментальный импорт текстовых модулей с { type: "text" }. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/152 | 3 828 |
| 16 | Представляем путеводитель по grid lanes. Джен Симмонс анонсирует новый интерактивный гайд по CSS grid lanes. Можно поиграть с песочницей в режимах Waterfall и Brick, разобраться в размерах треков через fr, minmax() и repeat(), а ещё пройтись по шести демо: фотографии, рецепты, газеты, меню, таймлайны и пинборды. Лучше всего работает в Safari 26.4+. #css #layout
https://webkit.org/blog/18098/introducing-the-field-guide-to-grid-lanes/ | 3 757 |
| 17 | CSS реагирует, JS просто слушает. Адам Аргайл представил prop-for-that — небольшую библиотеку, которая отдаёт состояние рантайма в CSS через кастомные свойства. Достаточно добавить data-props-for к элементу, и CSS читает живые значения: позицию курсора, скорость прокрутки, заряд батареи, скорость сети, размер вьюпорта, валидацию форм, без обработчиков событий и работы с DOM. Доступно больше 16 источников. #css #js
https://prop-for-that.netlify.app/ | 4 187 |
| 18 | 00:01:23 Новинки беты Safari 27
00:38:23 Ненужный async
00:57:05 Безопасный npm v12
01:07:53 Адаптивные картинки | 3 755 |
| 19 | Выпуск №531. Полина Гуртовая и Алексей Симоненко про новинки беты Safari 27, ненужный async, безопасный npm v12 и адаптивные картинки.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 3 858 |
| 20 | Сессии о вебе на WWDC26. Сарон Йитбарек собрала шесть докладов команды WebKit: новинки беты Safari 27, CSS grid lanes для masonry-раскладок, кастомизируемые <select>, элемент <model> для встраивания 3D-контента, иммерсивные сайты в visionOS 27 и веб-расширения, которые можно упаковывать и публиковать прямо из браузера без Xcode. #safari #browser
https://webkit.org/blog/17974/web-technology-sessions-at-wwdc26/ | 4 418 |
现已上线!2025 年 Telegram 研究 — 年度关键洞察 
