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

Kanalga Telegram’da o‘tish

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

Ko'proq ko'rsatish

Rossiya47 466 Texnologiyalar & Aralashmalar9 193...

📈 Telegram kanali Веб-стандарты analitikasi

Веб-стандарты (@webstandards_ru) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 13 946 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 9 193-o'rinni va Rossiya mintaqasida 47 466-o'rinni egallagan.

📊 Auditoriya ko‘rsatkichlari va dinamika

невідомо sanasidan buyon loyiha tez o‘sib, 13 946 obunachiga ega bo‘ldi.

30 Iyun, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -49 ga, so‘nggi 24 soatda esa 2 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.

Tasdiqlash holati: Tasdiqlanmagan
Jalb etish (ER): Auditoriya o‘rtacha 27.77% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 14.70% ini tashkil etuvchi reaksiyalarni to‘playdi.
Post qamrovi: Har bir post o‘rtacha 3 874 marta ko‘riladi; birinchi sutkada odatda 2 051 ta ko‘rish yig‘iladi.
Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 19 ta reaksiya keladi.
Tematik yo‘nalishlar: Kontent css, chrome, html, api, javascript kabi asosiy mavzularga jamlangan.

📝 Tavsif va kontent siyosati

Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru”

Yuqori yangilanish chastotasi (oxirgi ma’lumot 01 Iyul, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.

13 946

Obunachilar

+224 soatlar

-137 kunlar

-4930 kunlar

3 874

Post ko'rishlar

~ 2 05124 soatlar

~ 2 38648 soatlar

27.77%

Muloqot nisbati

~ 1

Kuniga postlar

Ads index

beta

Ma'lumot yuklanmoqda...

O'xshash kanallar

26.4K

FrontEndDev

21.3K

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14.3K

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

9.7K

HTML Academy

2.8K

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

Ko'proq kanallar

Kirish va chiqish esdaliklari

---

Obunachilarni jalb qilish

Iyul '26

0 kanalda

Iyun '26

+36

0 kanalda

Get PRO

May '26

+112

1 kanalda

Get PRO

Aprel '26

+59

3 kanalda

Get PRO

Mart '26

+90

1 kanalda

Get PRO

Fevral '26

+117

1 kanalda

Get PRO

Yanvar '26

+82

0 kanalda

Get PRO

Dekabr '25

+69

2 kanalda

Get PRO

Noyabr '25

+77

0 kanalda

Get PRO

Oktabr '25

+104

0 kanalda

Get PRO

Sentabr '25

+91

2 kanalda

Get PRO

Avgust '25

+33

0 kanalda

Get PRO

Iyul '25

+46

0 kanalda

Get PRO

Iyun '25

+54

1 kanalda

Get PRO

May '25

+25

0 kanalda

Get PRO

Aprel '25

+55

1 kanalda

Get PRO

Mart '25

+50

0 kanalda

Get PRO

Fevral '25

+61

1 kanalda

Get PRO

Yanvar '25

+106

0 kanalda

Get PRO

Dekabr '24

+104

4 kanalda

Get PRO

Noyabr '24

+52

1 kanalda

Get PRO

Oktabr '24

+58

2 kanalda

Get PRO

Sentabr '24

+52

0 kanalda

Get PRO

Avgust '24

+60

6 kanalda

Get PRO

Iyul '24

+49

0 kanalda

Get PRO

Iyun '24

+113

0 kanalda

Get PRO

May '24

+236

0 kanalda

Get PRO

Aprel '24

+314

1 kanalda

Get PRO

Mart '24

+251

0 kanalda

Get PRO

Fevral '24

+296

0 kanalda

Get PRO

Yanvar '24

+315

1 kanalda

Get PRO

Dekabr '23

+235

3 kanalda

Get PRO

Noyabr '23

+153

0 kanalda

Get PRO

Oktabr '23

+309

3 kanalda

Get PRO

Sentabr '23

+299

0 kanalda

Get PRO

Avgust '23

+228

0 kanalda

Get PRO

Iyul '23

+249

0 kanalda

Get PRO

Iyun '23

+370

0 kanalda

Get PRO

May '23

+451

0 kanalda

Get PRO

Aprel '23

+218

0 kanalda

Get PRO

Mart '23

+525

0 kanalda

Get PRO

Fevral '23

+126

0 kanalda

Get PRO

Yanvar '23

+186

0 kanalda

Get PRO

Dekabr '22

+164

0 kanalda

Get PRO

Noyabr '22

+145

0 kanalda

Get PRO

Oktabr '22

+134

0 kanalda

Get PRO

Sentabr '22

+153

0 kanalda

Get PRO

Avgust '22

+177

0 kanalda

Get PRO

Iyul '22

+152

0 kanalda

Get PRO

Iyun '22

+172

0 kanalda

Get PRO

May '22

+119

0 kanalda

Get PRO

Aprel '22

+128

0 kanalda

Get PRO

Mart '22

+141

0 kanalda

Get PRO

Fevral '22

+192

0 kanalda

Get PRO

Yanvar '22

+383

0 kanalda

Get PRO

Dekabr '21

+264

0 kanalda

Get PRO

Noyabr '21

+263

0 kanalda

Get PRO

Oktabr '21

+386

0 kanalda

Get PRO

Sentabr '21

+352

0 kanalda

Get PRO

Avgust '21

+330

0 kanalda

Get PRO

Iyul '21

+205

0 kanalda

Get PRO

Iyun '21

+272

0 kanalda

Get PRO

May '21

+319

0 kanalda

Get PRO

Aprel '21

+329

0 kanalda

Get PRO

Mart '21

+305

0 kanalda

Get PRO

Fevral '21

+335

0 kanalda

Get PRO

Yanvar '21

+405

0 kanalda

Get PRO

Dekabr '20

+13 908

0 kanalda

Sana	Obunachilarni jalb qilish	Esdaliklar	Kanallar
01 Iyul	+1

Kanal postlari

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

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

Barcha postlarni ko‘rish