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

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

Kanalga Telegram’da o‘tish

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

Ko'proq ko'rsatish

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

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

📊 Auditoriya ko‘rsatkichlari va dinamika

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

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

  • Tasdiqlash holati: Tasdiqlanmagan
  • Jalb etish (ER): Auditoriya o‘rtacha 27.18% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 14.14% ini tashkil etuvchi reaksiyalarni to‘playdi.
  • Post qamrovi: Har bir post o‘rtacha 3 783 marta ko‘riladi; birinchi sutkada odatda 1 968 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 17 Sentabr, 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 914
Obunachilar
-124 soatlar
-167 kun
-6430 kun
Obunachilarni jalb qilish
Sentabr '26
Sentabr '26
+25
0 kanalda
Avgust '26
+61
1 kanalda
Get PRO
Iyul '26
+115
2 kanalda
Get PRO
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
17 Sentabr+1
16 Sentabr+1
15 Sentabr+2
14 Sentabr+3
13 Sentabr+1
12 Sentabr+1
11 Sentabr+2
10 Sentabr+3
09 Sentabr+1
08 Sentabr+4
07 Sentabr+1
06 Sentabr+1
05 Sentabr0
04 Sentabr+1
03 Sentabr0
02 Sentabr+2
01 Sentabr+1
Kanal postlari
Современные типы для веба. Филип Уолтон устал от того, что TypeScript помечает ошибками View Transition API, Long Animation F
Современные типы для веба. Филип Уолтон устал от того, что TypeScript помечает ошибками View Transition API, Long Animation Frame API и fetchLater(): официальные типы для DOM включают только те API, что уже есть в двух движках. Поэтому он выпустил modern-web-types — замену, собранную тем же генератором и по данным W3C webref, но с порогом в один движок: плюс 433 интерфейса, 223 глобальные переменные и 311 свойств и методов у существующих. #tools #js https://philipwalton.com/articles/modern-web-types/

2
Новинки WebKit в Safari 27. Вышли релиз-ноуты от Apple: кастомизируемый , scroll anchoring, WebAssembly JSPI, ariaNot
Новинки WebKit в Safari 27. Вышли релиз-ноуты от Apple: кастомизируемый <select>, scroll anchoring, WebAssembly JSPI, ariaNotify(), псевдокласс :heading, ключевые слова revert-rule и stretch, sizes="auto", import defer, субпиксельная строчная раскладка и статический роутинг для сервис-воркеров — всего 83 новые возможности и 844 исправления. #safari #css https://developer.apple.com/documentation/safari-release-notes/safari-27-release-notes
2 154
3
Новинки Firefox 156 для разработчиков. Инспектор раскрывает шаги вычисления значения var(), attr() и env(), прослеживая их до
Новинки Firefox 156 для разработчиков. Инспектор раскрывает шаги вычисления значения var(), attr() и env(), прослеживая их до источника. Вызовы scheduler.yield() сохраняют приоритет и сигнал отмены, даже если await завершился синхронно. Promise.try() передаёт нативный промис как есть, а переменные using больше нельзя переприсваивать. За флагами: named-feature() в @​supports и Container Timing API. #firefox #browser https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/156
2 359
4
Главный поток браузера — дорогой ресурс. Сонхёп Ли напоминает: в одном потоке живут JavaScript, стили, лейаут, отрисовка и со
Главный поток браузера — дорогой ресурс. Сонхёп Ли напоминает: в одном потоке живут JavaScript, стили, лейаут, отрисовка и события, а на всё это — около 10 миллисекунд на кадр, на 120 Гц вдвое меньше. Тратить их можно с умом: дробить длинные задачи через scheduler.yield(), объединять события дебаунсом и тротлингом, расставлять приоритеты и откладывать неважное. Или отдать работу композитору и воркерам. Всё показано на интерактивных демо. #performance #js https://kciter.so/posts/the-expensive-main-thread/en/
2 587
5
00:01:41 Новинки Chrome 153 00:22:09 MCP-сервер MDN 00:29:24 HTML-бойлерплейт 01:22:34 Цвета ярче белого 01:33:42 React 19.3
2 697
6
Выпуск №544. Никита Дубко, Лёша Красиков и Вадим Макеев про новинки Chrome 153, MCP-сервер MDN, HTML-бойлерплейт, цвета ярче
Выпуск №544. Никита Дубко, Лёша Красиков и Вадим Макеев про новинки Chrome 153, MCP-сервер MDN, HTML-бойлерплейт, цвета ярче белого и React 19.3. — Лайв на Ютубе — Слушайте на Ютубе — Ссылки на сайте
2 590
7
Сделайте логотип ярче белого. Крис Беннетт собрал инструмент, который превращает логотип в HDR-JPEG: выбранные цвета светятся
Сделайте логотип ярче белого. Крис Беннетт собрал инструмент, который превращает логотип в HDR-JPEG: выбранные цвета светятся до 7,5 раз ярче обычного белого на HDR-экранах, а во всех остальных случаях это совершенно обычная картинка. Лучше всего сияют светлые элементы на тёмном фоне. Ещё автор показывает, как красить текст такой картинкой через background-clip: text внутри @media (dynamic-range: high). #color #image https://www.soverybright.com/
3 700
8
Новинки Chrome 153. Элементы и декларативно запрашивают захват видео и звука. Стилизация кнопки огранич
Новинки Chrome 153. Элементы <camera> и <microphone> декларативно запрашивают захват видео и звука. Стилизация кнопки ограничена, а доступ можно вернуть после отказа. Теперь overflow принимает значения прокрутки рядом с clip, и overflow: scroll clip создаёт контейнер прокрутки по одной оси. Свойство scroll-axis-lock управляет диагональной прокруткой. В JavaScript появились Iterator.zip() и Iterator.zipKeyed() для объединения итераторов. #chrome #browser https://developer.chrome.com/release-notes/153
3 583
9
а почему у вас 525 и более старые выпуски не работают в apple podcasts? приходится на ютьюбе переслушивать
1
10
В HTML больше не нужен initial-scale. Деклан Чидлоу и Питер-Пол Кох с разницей в несколько часов пришли к одному выводу: в
В HTML больше не нужен initial-scale. Деклан Чидлоу и Питер-Пол Кох с разницей в несколько часов пришли к одному выводу: в <meta name="viewport"> достаточно width=device-width. Часть initial-scale=1 добавляли, чтобы починить зум в старых версиях iOS, а Safari теперь и без неё правильно пересчитывает вьюпорт при смене ориентации. Минус 19 байт в каждом документе. #html #browser https://vale.rocks/micros/20260902-1350 https://quirksmode.org/quirksblog/2026/0902-initial.html
3 556
11
Выражения от контейнера со style() и продвинутый attr(): новый способ связывать компоненты в CSS. Брехт Де Рюйте превращает H
Выражения от контейнера со style() и продвинутый attr(): новый способ связывать компоненты в CSS. Брехт Де Рюйте превращает HTML-атрибуты в типизированные значения CSS: data-gap="2" на гриде становится attr(data-gap cqi, 2cqi) вместо утилитарного класса. Родитель задаёт data-density="compact", а выражения @​container style() пересчитывают отступы, аватарки и типографику через один множитель --density-scale. Без классов-модификаторов, пропсов и JavaScript. #css #component https://utilitybend.com/blog/container-style-queries-and-advanced-attr-rethinking-how-to-wire-up-my-components-in-css/
3 326
12
Открыт приём заявок в Interop 2027. Предложить фичи можно до 23 сентября, а гайд объясняет, на что смотрят браузеры: нужна ст
Открыт приём заявок в Interop 2027. Предложить фичи можно до 23 сентября, а гайд объясняет, на что смотрят браузеры: нужна стабильная спецификация и тесты веб-платформы, которые автоматически проходят в Chrome, Edge, Firefox и Safari на wpt.fyi. Ещё учитывают, ломается ли что-то на реальных сайтах, спрос из опросов разработчиков и польза для доступности. Шаблонов два: направления фокуса для готовых фич и исследования для остальных. #interop #wpt https://github.com/web-platform-tests/interop/blob/main/proposal_guide.md
3 439
13
00:01:22 Новинки Firefox 155 00:42:14 Предложения в Interop 2027 00:51:08 Top-level await в Safari 01:00:39 Ненужный initial-scale 01:18:54 Альфа TanStack Charts 01:29:06 Переключатели темы не нужны
3 212
14
Выпуск №543. Лёша Красиков, Полина Гуртовая и Никита Дубко про новинки Firefox 155, предложения в Interop 2027, top-level awa
Выпуск №543. Лёша Красиков, Полина Гуртовая и Никита Дубко про новинки Firefox 155, предложения в Interop 2027, top-level await в Safari, ненужный initial-scale, альфу TanStack Charts и переключатели темы. — Лайв на Ютубе — Слушайте на Ютубе — Ссылки на сайте
3 278
15
Ну и ладно, напишу свой текстовый редактор! Дэвид Бушелл пробует три способа собрать редактор в браузере и показывает, чем пр
Ну и ладно, напишу свой текстовый редактор! Дэвид Бушелл пробует три способа собрать редактор в браузере и показывает, чем приходится жертвовать. Канвас даёт полный контроль, но лишает выделения текста, истории отмен и вставки нескольких строк. Атрибут contenteditable с плейн-текстом возвращает нативное редактирование и доступность, но тормозит после определённого числа символов. Быстрее всех оказался обычный <textarea> с подсветкой синтаксиса поверх. #html #performance https://dbushell.com/2026/09/01/text-editor/
4 072
16
Как определить неопределяемые возможности CSS через @​supports named-feature(). Брамус Ван Дамм рассказывает о функции, котор
Как определить неопределяемые возможности CSS через @​supports named-feature(). Брамус Ван Дамм рассказывает о функции, которую рабочая группа CSS приняла для проверки того, что иначе не проверить. Запись @​supports (display: flex) and (gap: 1em) подтверждает только парсинг, но не то, что gap работает во флексах. Пока в спецификации два ключевых слова: anchor-position-follows-transforms и single-axis-scroll-container. #css #interop https://www.bram.us/2026/08/27/feature-detecting-undetectable-css-features-with-supports-named-feature/
4 083
17
Новинки Firefox 155 для разработчиков. Релиз расширяет функцию attr() на любые CSS-свойства с единицами измерения и фолбеками
Новинки Firefox 155 для разработчиков. Релиз расширяет функцию attr() на любые CSS-свойства с единицами измерения и фолбеками, добавляет функции progress() и alpha(), переименовывает font-stretch в font-width и добавляет Promise.allKeyed() и Promise.allSettledKeyed(). В инструментах разработки появились панель эмуляции медиафич и поддержка JSON Lines. За флагами: анимации по скроллу и изолированные реестры кастомных элементов. #firefox #browser https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/155
3 960
18
Как заставить агентов писать хороший CSS. Брехт Де Рюйте пробует Modern Web Guidance от Google — набор навыков, который перед
Как заставить агентов писать хороший CSS. Брехт Де Рюйте пробует Modern Web Guidance от Google — набор навыков, который передаёт агентам для кодинга экспертные рекомендации по платформе вместе с данными Baseline. Поиск через CLI подгружает только нужные руководства из 103 фич, а фолбеки каждую ночь проверяют тесты на Playwright. Набор не привязан к проекту, поэтому автор добавил три своих навыка: уровни токенов, темы и состояния компонентов. #ai #css https://utilitybend.com/blog/modern-web-guidance-antigravity-and-my-own-design-token-skills/
3 667
19
Как выделить фрагмент текста внутри поля. Олли Уильямс показывает, как новый OpaqueRange распространяет CSS Custom Highlight
Как выделить фрагмент текста внутри поля. Олли Уильямс показывает, как новый OpaqueRange распространяет CSS Custom Highlight API на поля ввода. Вызовите createValueRange() у <textarea> или у <input> с типом text, password, search, tel или url, передайте результат в Highlight() и зарегистрируйте через CSS.highlights.set(). В ::highlight() доступны color, background-color, text-decoration и text-shadow. Работает в Chromium 152. #chrome #js https://olliewilliams.xyz/blog/opaquerange/
4 011
20
00:01:23 Новинки Chrome 152 00:47:04 Вычисление кастомных свойств 00:59:16 Виртуальные списки 01:23:17 Отказ от RSC
3 671