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

Відкрити в Telegram

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

Росія47 047 Технології та додатки9 080...

📈 Аналітичний огляд 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 день

4 258

Перегляди допису

~ 2 07824 години

~ 2 47948 годин

30.46%

Коефіцієнт залучення

Немає даних

Дописів на день

Ads index

beta

Архів дописів

13 978

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

13 978

Плавные переходы фона по времени суток с 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/

13 978

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

13 978

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

13 978

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

13 978

Представлен 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/

13 978

Новинки 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

13 978

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

13 978

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

13 978

Ваши 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

13 978

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

13 978

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

13 978

Чего не хватает 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/

13 978

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

13 978

Анимируем элемент <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/

13 978

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

13 978

Вышел 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/

13 978

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

13 978

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

13 978

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