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

Відкрити в Telegram

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

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

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

Канал Веб-стандарты (@webstandards_ru) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 13 987 підписників, посідаючи 9 197 місце в категорії Технології та додатки та 47 677 місце у регіоні Росія.

📊 Показники аудиторії та динаміка

З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 13 987 підписників.

За останніми даними від 09 червня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -8, а за останні 24 години на 1, загальне охоплення залишається високим.

Статус верифікації: Не верифікований
Рівень залученості (ER): Середній показник залученості аудиторії становить 28.53%. Протягом перших 24 годин після публікації контент зазвичай збирає 14.20% реакцій від загальної кількості підписників.
Охоплення публікацій: В середньому кожен допис отримує 3 991 переглядів. Протягом першої доби публікація в середньому набирає 1 986 переглядів.
Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 30.
Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як css, chrome, html, api, javascript.

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

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

Завдяки високій частоті оновлень (останні дані отримано 10 червня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.

13 987

Підписники

+124 години

-47 днів

-830 день

3 991

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

~ 1 98624 години

~ 2 37148 годин

28.53%

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

~ 1

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

Ads index

beta

Триває завантаження даних...

Схожі канали

14.3K

For Web — фронтенд, дизайн, программирование

9.8K

HTML Academy

2.8K

Dev News от Максима Соснова

Більше каналів

Вхідні та вихідні згадування

---

Залучення підписників

червень '26

+15

в 0 каналах

травень '26

+112

в 1 каналах

Get PRO

квітень '26

+59

в 3 каналах

Get PRO

березень '26

+90

в 1 каналах

Get PRO

лютий '26

+117

в 1 каналах

Get PRO

січень '26

+82

в 0 каналах

Get PRO

грудень '25

+69

в 2 каналах

Get PRO

листопад '25

+77

в 0 каналах

Get PRO

жовтень '25

+104

в 0 каналах

Get PRO

вересень '25

+91

в 2 каналах

Get PRO

серпень '25

+33

в 0 каналах

Get PRO

липень '25

+46

в 0 каналах

Get PRO

червень '25

+54

в 1 каналах

Get PRO

травень '25

+25

в 0 каналах

Get PRO

квітень '25

+55

в 1 каналах

Get PRO

березень '25

+50

в 0 каналах

Get PRO

лютий '25

+61

в 1 каналах

Get PRO

січень '25

+106

в 0 каналах

Get PRO

грудень '24

+104

в 4 каналах

Get PRO

листопад '24

+52

в 1 каналах

Get PRO

жовтень '24

+58

в 2 каналах

Get PRO

вересень '24

+52

в 0 каналах

Get PRO

серпень '24

+60

в 6 каналах

Get PRO

липень '24

+49

в 0 каналах

Get PRO

червень '24

+113

в 0 каналах

Get PRO

травень '24

+236

в 0 каналах

Get PRO

квітень '24

+314

в 1 каналах

Get PRO

березень '24

+251

в 0 каналах

Get PRO

лютий '24

+296

в 0 каналах

Get PRO

січень '24

+315

в 1 каналах

Get PRO

грудень '23

+235

в 3 каналах

Get PRO

листопад '23

+153

в 0 каналах

Get PRO

жовтень '23

+309

в 3 каналах

Get PRO

вересень '23

+299

в 0 каналах

Get PRO

серпень '23

+228

в 0 каналах

Get PRO

липень '23

+249

в 0 каналах

Get PRO

червень '23

+370

в 0 каналах

Get PRO

травень '23

+451

в 0 каналах

Get PRO

квітень '23

+218

в 0 каналах

Get PRO

березень '23

+525

в 0 каналах

Get PRO

лютий '23

+126

в 0 каналах

Get PRO

січень '23

+186

в 0 каналах

Get PRO

грудень '22

+164

в 0 каналах

Get PRO

листопад '22

+145

в 0 каналах

Get PRO

жовтень '22

+134

в 0 каналах

Get PRO

вересень '22

+153

в 0 каналах

Get PRO

серпень '22

+177

в 0 каналах

Get PRO

липень '22

+152

в 0 каналах

Get PRO

червень '22

+172

в 0 каналах

Get PRO

травень '22

+119

в 0 каналах

Get PRO

квітень '22

+128

в 0 каналах

Get PRO

березень '22

+141

в 0 каналах

Get PRO

лютий '22

+192

в 0 каналах

Get PRO

січень '22

+383

в 0 каналах

Get PRO

грудень '21

+264

в 0 каналах

Get PRO

листопад '21

+263

в 0 каналах

Get PRO

жовтень '21

+386

в 0 каналах

Get PRO

вересень '21

+352

в 0 каналах

Get PRO

серпень '21

+330

в 0 каналах

Get PRO

липень '21

+205

в 0 каналах

Get PRO

червень '21

+272

в 0 каналах

Get PRO

травень '21

+319

в 0 каналах

Get PRO

квітень '21

+329

в 0 каналах

Get PRO

березень '21

+305

в 0 каналах

Get PRO

лютий '21

+335

в 0 каналах

Get PRO

січень '21

+405

в 0 каналах

Get PRO

грудень '20

+13 908

в 0 каналах

Дата	Залучення підписників	Згадування	Канали
10 червня	+1
09 червня	+1
08 червня	+2
07 червня	0
06 червня	+3
05 червня	+2
04 червня	+2
03 червня	+1
02 червня	+3
01 червня	0

Дописи каналу

Анимация SVG-карт на CSS. Эмбер Уэйнберг показывает, как оживить SVG-карту: взять элементы <line> и <circle>, сделать ступенчатое появление меток через transition и :nth-of-type, проявить фон с помощью transform: translate3d() и нарисовать линии трюком со stroke-dasharray и stroke-dashoffset. Все анимации внутри prefers-reduced-motion и запускаются переключением класса на родителе через JavaScript. #css #svg https://amberweinberg.com/css-animated-svg-maps/

2	Новинки WebKit в бете Safari 27 с WWDC26. Джен Симмонс представляет 58 новых фич и 525 исправлений: кастомизируемые <select>, scroll anchoring, anchor positioning с учётом трансформаций, WebAssembly JSPI, CSS-псевдокласс :heading, ключевое слово revert-rule, значение stretch для размеров, top-level await в модулях и иммерсивные сцены через <model> на visionOS. #safari #browser https://webkit.org/blog/17967/news-from-wwdc26-webkit-in-safari-27-beta/	2 251
3	Stylelint-плагин CSS Property Type Validator. Скалк Нитлинг выпустил первую бету плагина, который интегрирует CSS Property Type Validator в существующие процессы линтинга. Плагин проверяет регистрации @property, соответствие значений кастомных свойств зарегистрированному синтаксису и совместимость var(). Ошибки типов ловятся в CI, редакторах и прекомит-хуках без отдельных инструментов. #css #tools https://schalkneethling.com/posts/introducing-the-css-property-type-validator-stylelint-plugin/	2 481
4	00:01:54 Новинки Chrome 149 00:24:17 Локальный AI в Edge 00:39:02 WebKit про WebMCP 01:00:54 Как сделать хороший сайт 01:13:58 VoidZero в Cloudflare	2 529
5	Выпуск №530. Полина Гуртовая и Никита Дубко про новинки Chrome 149, локальный AI в Edge, WebKit про WebMCP, как сделать хороший сайт и VoidZero в Cloudflare. — Лайв на Ютубе — Слушайте на Ютубе — Ссылки на сайте	2 462
6	Спецификация для веб-сайтов. Йост де Валк опубликовал универсальную спецификацию технических возможностей, которыми должен обладать качественный сайт. Документ охватывает основы и семантический HTML, SEO и структурированные данные, доступность, безопасность и CSP, производительность и Core Web Vitals, интернационализацию, а также готовность к агентам через Markdown-эндпоинты, JSON-LD и RSS. #html #a11y https://specification.website	3 491
7	Новинки Chrome 149. CSS gap decorations позволяют рисовать линейки в гэпах между элементами гридов и флексов. Свойство shape-outside поддерживает функции path(), shape(), rect() и xywh(). SVG-атрибут path-length стал CSS-свойством. Обрезанный текст переключается с ellipsis на clip при взаимодействии пользователя. Также добавлены image-rendering: crisp-edges, Intl.Locale.prototype.variants, а WebSocket-соединения больше не блокируют back/forward кэш. #chrome #browser https://developer.chrome.com/release-notes/149	3 574
8	CSS заполняет гэпы линейками. Брехт Де Рюйте разбирает новые CSS-свойства для оформления гэпов в гридах и флексах. Свойства column-rule и row-rule рисуют линейки в гэпах, а rule-break, rule-inset, rule-overlap и rule-visibility-items управляют пересечениями, длиной и условным отображением. Также линейки можно анимировать. #css #layout https://utilitybend.com/blog/css-is-filling-the-gaps-with-rules-a-way-to-style-gaps-in-grid-and-flex	3 374
9	CSS-центрирование в 2026 году. Темани Афиф разбирает множество способов центрирования в CSS и показывает, как выбрать подходящий. Теория выравнивания с двумя уровнями и двумя осями, сравнение флексов, гридов, position: absolute и text-align, новое свойство text-box для обрезки отступов вокруг текста, anchor-center в якорном позиционировании, разница между безопасным и небезопасным центрированием. #css #layout https://css-tricks.com/the-state-of-css-centering-in-2026/	3 448
10	Появление и исчезновение в современном CSS. Мэтт Кроут показывает, как анимировать появление и исчезновение элементов: @starting-style задаёт начальные значения, transition остаются прерываемыми посреди анимации, а allow-discrete справляется со свойствами вроде display, которые обычно меняются мгновенно. View Transition API дополняет картину, анимируя изменения раскладки между состояниями DOM на примере <dialog> и поповеров. #css #animation https://joyofcode.xyz/entry-and-exit-css-transitions	3 512
11	00:01:23 Линейки в гэпах 00:28:40 Короткие или полные свойства 00:56:52 Нормальный line-clamp 01:19:42 Потерянное десятилетие	3 225
12	Выпуск №529. Вадим Макеев и Никита Дубко про линейки в гэпах, короткие или полные свойства, нормальный line-clamp и потерянное десятилетие фронтенда. — Лайв на Ютубе — Слушайте на Ютубе — Ссылки на сайте	3 184
13	Replacements.fyi. Инструмент от сообщества e18e помогает находить более производительные и безопасные альтернативы устаревшим или ненужным npm-пакетам. Введите имя пакета — например, is-number, left-pad или is-odd — и получите готовую замену или короткий фрагмент кода. Можно фильтровать по среде: Node, Bun, Deno, Cloudflare или браузер. Также есть список всех пакетов и проверка package.json. #npm #tools https://replacements.fyi/	4 424
14	CSS или JavaScript для анимаций. Джош Комо сравнивает CSS, Web Animations API и JS-библиотеки GSAP и Motion при загруженном основном потоке. Анимации на CSS и Motion остаются плавными, потому что работают вне основного потока, а нативные JS-анимации и GSAP подвисают. Размер библиотек тоже важен: Motion весит 48 КБ в gzip, GSAP — 27 КБ. Джош советует нативный CSS по возможности, а JS-библиотеки — только для того, что CSS не умеет, например для морфинга SVG. #animation #performance https://www.joshwcomeau.com/animation/css-vs-javascript/	4 434
15	Точные размеры резиновых блоков с round(). Ахмад Шадид рассказывает, как CSS-функция round() дополняет clamp(), округляя плавные значения до удобных шагов, избавляя от дробей вроде 19.7px. Он разбирает размеры шрифтов в карточках, системы типографики и базовые сетки, показывает round() с единицами от контейнера для сохранения визуального ритма при изменении вьюпорта. Также упоминает calc-size() для синхронизации высот соседних блоков. #css #typography https://ishadeed.com/article/css-round/	4 135
16	Декларативные частичные обновления HTML. Барри Поллард и Ноам Розенталь представляют две идеи для веб-платформы: инструкции обработки <?marker> и <?start>/<?end> в паре с <template> позволяют серверу вставлять HTML в нужные места документа без последовательной доставки. Новые JS-методы setHTML(), appendHTML() и streamHTML() дают единообразное API для частичных обновлений. Полифилы есть на npm. #html #api https://developer.chrome.com/blog/declarative-partial-updates	3 847
17	600+ миллионов человек пишут справа налево: две правки для вашего приложения. Нина Торгунакова разбирает два сценария. Для англоязычных приложений с полями свободного ввода достаточно dir="auto" — браузер сам определит направление по первому символу, без JavaScript. Для полностью локализованных интерфейсов задайте dir="rtl" на <html> и замените физические CSS-свойства на логические: margin-inline-start, padding-inline-end и text-align: start. #css #a11y https://evilmartians.com/chronicles/600-million-people-write-right-to-left-2-fixes-your-app-needs	4 216
18	00:01:22 Новинки Firefox 151 00:26:00 CSS и UI на Google I/O 00:42:29 WebMCP и агентный веб 00:45:47 Modern Web Guidance 01:18:59 DevTools для агентов 01:32:06 Prompt API в Chrome 01:41:07 Core Web Vitals 01:53:26 HTML в Canvas	3 847
19	Выпуск №528. Вадим Макеев, Алексей Симоненко, Полина Гуртовая и Никита Дубко про новинки Firefox 151 и Google I/O: CSS и UI, WebMCP и агентный веб, Modern Web Guidance, DevTools, Prompt API, Core Web Vitals и HTML в Canvas. — Лайв на Ютубе — Слушайте на Ютубе — Ссылки на сайте	3 973
20	Поиск фич веб-платформы прямо из терминала. Консольная утилита wf Патрика Броссета ищет по ключевому слову и показывает статус Baseline, ссылки на документацию MDN, спецификации, баги браузеров, результаты опросов, позиции вендоров и статистику использования в Chrome. Данные берутся из web-features и web-features-mappings от W3C WebDX Community Group, актуальные значения подгружаются при каждом запуске. #tools #baseline https://www.npmjs.com/package/web-features-cli	4 430

Переглянути всі дописи