ru
Feedback
Веб-стандарты

Веб-стандарты

Открыть в Telegram

Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru

Больше

📈 Аналитический обзор Telegram-канала Веб-стандарты

Канал Веб-стандарты (@webstandards_ru) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 13 979 подписчиков, занимая 9 080 место в категории Технологии и приложения и 47 047 место в регионе Россия.

📊 Показатели аудитории и динамика

С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 13 979 подписчиков.

Согласно последним данным от 27 июля, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило 29, а за последние 24 часа — 2, при этом общий охват остаётся высоким.

  • Статус верификации: Не верифицирован
  • Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 30.46%. В первые 24 часа после публикации контент обычно набирает 14.86% реакций от общего числа подписчиков.
  • Охват публикаций: В среднем каждый пост получает 4 258 просмотров. В течение первых суток публикация набирает 2 078 просмотров.
  • Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 28.
  • Тематические интересы: Контент сосредоточен на ключевых темах, таких как css, chrome, html, api, javascript.

📝 Описание и контентная политика

Автор описывает ресурс как площадку для выражения субъективного мнения:
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru

Благодаря высокой частоте обновлений (последние данные получены 28 июля, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.

13 979
Подписчики
+224 часа
+107 дней
+2930 день
Архив постов
Представляем Baseline Alerts. Джереми Вагнер рассказывает о новой системе уведомлений в дэшборде Web Platform Status, которая
Представляем Baseline Alerts. Джереми Вагнер рассказывает о новой системе уведомлений в дэшборде Web Platform Status, которая сообщает об изменении статуса поддержки веб-фич в браузерах. Войдите через GitHub, чтобы отслеживать фичи и получать оповещения по email, RSS или в Slack, когда они становятся Newly или Widely available. Настройте частоту, сохраняйте поиски как персональные рассылки и делитесь результатами по ссылке или QR-коду. #baseline #interop https://web.dev/blog/baseline-alerts

Плавные переходы фона по времени суток с Temporal и CSS color-mix. Софи Кунин связывает время дня с четырьмя стадиями (рассве
Плавные переходы фона по времени суток с Temporal и CSS color-mix. Софи Кунин связывает время дня с четырьмя стадиями (рассвет, день, закат и ночь), у каждой своя палитра. Temporal API считывает текущее время, а color-mix() плавно смешивает цвета соседних стадий во время переходов. Сдвиг анимируется через зарегистрированные кастомные свойства, с фолбеком на @supports и полифилом для Safari. #temporal #color https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/

Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера с помощью CSS anchor positioning: чтобы о
Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера <select> с помощью CSS anchor positioning: чтобы он не касался краёв вьюпорта, не сжимался слишком сильно и не становился слишком высоким. Он показывает, как calc-size() сочетает внутренние размеры вроде fit-content и stretch с ограничениями min(), плюс фолбеки через @supports для Firefox и Safari. #css #anchor https://jakearchibald.com/2026/goldilocks-select-height/

00:01:07 Новинки Chrome 150 00:55:44 Элемент usermedia 01:05:25 Подписка на Baseline 01:13:37 Safari MCP 01:25:51 Figma Config 2026

Выпуск №534. Полина Гуртовая и Никита Дубко про новинки Chrome 150, элемент , подписку на Baseline, Safari MCP и Figma Config
Выпуск №534. Полина Гуртовая и Никита Дубко про новинки Chrome 150, элемент <usermedia>, подписку на Baseline, Safari MCP и Figma Config 2026. — Лайв на ЮтубеСлушайте на ЮтубеСсылки на сайте

Представлен MCP-сервер Safari для веб-разработчиков. Сарон Йитбарек рассказывает о новом Model Context Protocol сервере, кото
Представлен MCP-сервер Safari для веб-разработчиков. Сарон Йитбарек рассказывает о новом Model Context Protocol сервере, который позволяет ИИ-агентам видеть, как код рендерится в Safari. Он доступен в Safari Technology Preview 247 и даёт агентам доступ к DOM-элементам, сетевым запросам, скриншотам и консоли через 16 встроенных инструментов. Всё работает локально, без отправки данных в Apple. #safari #ai https://webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/

Новинки Chrome 150. AccentColor и AccentColorText дают установленным приложениям доступ к системному акцентному цвету. Функци
Новинки Chrome 150. AccentColor и AccentColorText дают установленным приложениям доступ к системному акцентному цвету. Функция polygon() получила скругление углов, а zoom стал анимируемым. В CSS url() появились модификаторы cross-origin(), integrity() и referrer-policy(). Новое свойство text-fit подгоняет размер шрифта под ширину контейнера, background-clip: border-area упрощает градиентные рамки, а методы прокрутки возвращают промисы. #chrome #browser https://developer.chrome.com/release-notes/150

A11y​.quest: 128 вопросов, чтобы прокачать навыки доступности. Дэйв Дэвис сделал интерактивный тест, проверяющий знания по се
A11y​.quest: 128 вопросов, чтобы прокачать навыки доступности. Дэйв Дэвис сделал интерактивный тест, проверяющий знания по семантическому HTML, ARIA и другим темам. Вопросы отсортированы по сложности, их можно перемешивать и отслеживать точность ответов и серии. #a11y #html https://a11y.quest/

Современное оформление тем в CSS с light-dark(), contrast-color() и style-выражениями. Юна Кравец объединяет light-dark() для
Современное оформление тем в CSS с light-dark(), contrast-color() и style-выражениями. Юна Кравец объединяет light-dark() для цветов с учётом предпочтений пользователя, @​property для типизированных свойств, contrast-color() для автоматического выбора чёрного или белого текста и @​container style() для более насыщенных палитр. Так разделяются темизация всей страницы и отдельных компонентов, а тени в светлой теме и свечение рамок в тёмной задают глубину. #css #color https://una.im/modern-css-theming/

Ваши grid lanes, скорее всего, провалят WCAG 2.4.3. Мануэль Матузович показывает, как grid lanes переставляют элементы ради в
Ваши 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

00:01:38 Чего не хватает SVG 00:28:30 DevTools для агентов 00:55:34 Grid Lanes и доступность 01:14:40 Git Worktree 01:27:52 Одинаковость сайтов

Выпуск №533. Никита Дубко, Алексей Симоненко и Вадим Макеев про чего не хватает SVG, DevTools для агентов, Grid Lanes и досту
Выпуск №533. Никита Дубко, Алексей Симоненко и Вадим Макеев про чего не хватает SVG, DevTools для агентов, Grid Lanes и доступность, Git Worktree и одинаковость сайтов. — Лайв на ЮтубеСлушайте на ЮтубеСсылки на сайте

Чего не хватает SVG. Патрик Броссет собрал отзывы разработчиков из тикетов Chromium, предложений в Interop, опроса State of C
Чего не хватает 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/

Эксперименты с random() в CSS. Килиан Валкхоф в блоге Polypane разбирает новую CSS-функцию random(), которая возвращает случа
Эксперименты с random() в CSS. Килиан Валкхоф в блоге Polypane разбирает новую CSS-функцию random(), которая возвращает случайное значение между минимумом и максимумом, с необязательным шагом и ключевым словом element-scoped для одинаковых значений у элемента. Среди демо — боке, падающие лепестки сакуры, перетаскиваемая стопка фото, случайная поэзия с if() и северное сияние. Работает в Safari 26.2+ и Chromium 148+ за флагом. #css #animation https://polypane.app/blog/experimenting-with-random-in-css/

Анимируем элемент с помощью view transitions. Рик Скеннинк применяет View Transitions API как прогрессивное улучшение: провер
Анимируем элемент <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/

Улучшаем карточки с помощью anchor positioning. Эмиль Бьёрклунд накрывает карточку псевдоэлементом ссылки через anchor positi
Улучшаем карточки с помощью anchor positioning. Эмиль Бьёрклунд накрывает карточку псевдоэлементом ссылки через anchor positioning, чтобы вся поверхность была кликабельной без оборачивания всего в <a>. С position-area: center и place-self: stretch псевдоэлемент заполняет карточку, а отступ снизу через anchor() привязывает его ко вторичному действию, оставляя мёртвую зону вокруг кнопки без магических чисел. #anchor #css https://thatemil.com/blog/clickable-surface-expansion-using-anchor-position/

Вышел Babel 8: только ESM, без ES5 по умолчанию и плавный путь миграции. Команда Babel выпустила восьмую версию спустя восемь
Вышел 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/

00:01:31 Новинки Firefox 152 00:20:47 Планы Mozilla на 2026 00:30:57 Закат Manifest V2 01:01:05 MCP-сервер MDN 01:16:30 Браузеры на консолях

Выпуск №532. Никита Дубко и Вадим Макеев про Firefox 152, планы Mozilla на 2026, закат Manifest V2, MCP-сервер MDN и браузеры
Выпуск №532. Никита Дубко и Вадим Макеев про Firefox 152, планы Mozilla на 2026, закат Manifest V2, MCP-сервер MDN и браузеры на консолях. — Лайв на ЮтубеСлушайте на ЮтубеСсылки на сайте

Основы и опыт разработки с CSS @​function. Джейн Ори разбирает кастомные CSS-функции: как с помощью @function инкапсулировать
Основы и опыт разработки с CSS @​function. Джейн Ори разбирает кастомные CSS-функции: как с помощью @function инкапсулировать переиспользуемое поведение стилей, принимать типизированные аргументы со значениями по умолчанию, держать внутренние переменные приватными и валидировать результат через returns. Среди ограничений — отсутствие рекурсии. Также автор собирает DX-проблемы: тихие сбои, недостижимые фолбэки и отсутствие спред-синтаксиса. #css #learn https://frontendmasters.com/blog/the-fundamentals-and-dev-experience-of-css-function/