Веб-стандарты
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 785 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 9 250-o'rinni va Rossiya mintaqasida 47 109-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 13 785 obunachiga ega bo‘ldi.
28 Oktabr, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -89 ga, so‘nggi 24 soatda esa -5 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 27.33% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 13.78% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 3 767 marta ko‘riladi; birinchi sutkada odatda 1 899 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 17 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 29 Oktabr, 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 785
Obunachilar
-524 soatlar
-177 kun
-8930 kun
Ma'lumotlar yuklanmoqda
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Oktabr '26Okt '26
Oktabr '26
+40
3 kanalda
Sentabr '26
+34
1 kanalda
Get PRO
Avgust '26
+61
1 kanalda
Get PRO
Iyul '26
+115
4 kanalda
Get PRO
Iyun '26
+36
0 kanalda
Get PRO
May '26
+112
2 kanalda
Get PRO
Aprel '26
+59
3 kanalda
Get PRO
Mart '26
+90
1 kanalda
Get PRO
Fevral '26
+117
2 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 | |
| 29 Oktabr | 0 | |||
| 28 Oktabr | +1 | |||
| 27 Oktabr | 0 | |||
| 26 Oktabr | +2 | |||
| 25 Oktabr | +4 | |||
| 24 Oktabr | 0 | |||
| 23 Oktabr | +4 | |||
| 22 Oktabr | +3 | |||
| 21 Oktabr | 0 | |||
| 20 Oktabr | +4 | |||
| 19 Oktabr | +3 | |||
| 18 Oktabr | 0 | |||
| 17 Oktabr | +1 | |||
| 16 Oktabr | 0 | |||
| 15 Oktabr | 0 | |||
| 14 Oktabr | 0 | |||
| 13 Oktabr | +1 | |||
| 12 Oktabr | +4 | |||
| 11 Oktabr | +1 | |||
| 10 Oktabr | +1 | |||
| 09 Oktabr | +2 | |||
| 08 Oktabr | +3 | |||
| 07 Oktabr | +1 | |||
| 06 Oktabr | +3 | |||
| 05 Oktabr | 0 | |||
| 04 Oktabr | +1 | |||
| 03 Oktabr | 0 | |||
| 02 Oktabr | +1 | |||
| 01 Oktabr | 0 |
Kanal postlari
Новинки WebKit в Safari 27.1 и 27.2. Джен Симмонс о двух релизах. В Safari 27.1 появились Device Posture и Viewport Segments API для iPhone Duo за флагами и PDF в две страницы на сложенном экране. Safari 27.2 добавляет
::field-content для кастомизируемых <select> и переименовывает flow-tolerance в fit-tolerance в Grid Lanes. С align-self: safe center абсолютно позиционированные блоки остаются внутри контейнера. Плюс 20 багфиксов. #safari #browser
27.1 https://webkit.org/blog/18486/webkit-features-for-safari-27-1/
27.2 https://webkit.org/blog/18515/webkit-features-for-safari-27-2/| 2 |  Новинки Firefox 159 для разработчиков. Анимации по скроллу теперь включены по умолчанию: свойства анимируются по шкале прокрутки, а не времени. Изолированные реестры кастомных элементов позволяют задать для shadow DOM свой CustomElementRegistry и избежать конфликта имён веб-компонентов. Старый синтаксис masonry удалён в пользу display: grid-lanes. А ещё setHTML() теперь очищает разметку при парсинге, а у WebGL новые расширения. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/159 | 2 074 |
| 3 |  Представляем библиотеку доступных компонентов. Крейг Эбботт рассказывает об открытой библиотеке TetraLogical из восьми компонентов, включая аккордеон, диалог, вкладки и текстовое поле, с кодом и документацией. Каждый компонент привязан к критериям WCAG 2.2, описанным как сценарии на Gherkin, которые проверяются в браузере через Cucumber и Playwright с клавиатуры и мышью. Около 97% сценариев автоматизированы, остальные — чек-лист для ручной проверки. #a11y #component
https://tetralogical.com/blog/2026/10/14/accessible-components-library/ | 2 362 |
| 4 | 00:01:07 Новинки Chrome 156
00:33:47 Случайности с CSS random()
00:55:05 Споры вокруг WebMCP
01:30:13 Порт TypeScript на Rust | 2 453 |
| 5 |  Выпуск №550. Никита Дубко, Полина Гуртовая и Вадим Макеев про новинки Chrome 156, случайности с CSS random(), споры вокруг WebMCP и порт TypeScript на Rust.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 2 411 |
| 6 |  Что iPhone Duo значит для веб-разработки (и Video.js). Дариус Чепулис изучил симулятор iPhone Duo и нашёл в Safari два экспериментальных флага: Device Posture API сообщает, сложен экран или нет, а Viewport Segments API описывает обе половины экрана через медиавыражения и переменные env(). С их помощью он собрал плеер в стиле Netflix: видео сверху, управление снизу. А в эмуляторе Pixel Fold полноэкранный режим занимает только верхнюю половину. #video #css
https://videojs.org/blog/iphone-duo-web-development | 3 628 |
| 7 |  Делаем меню с фильтром, удобное для всех. Дженна Смит и Джеймс Нельсон объясняют, почему такое меню в Base UI — это диалог с полем поиска, а не комбобокс. Стрелки подсвечивают пункты через aria-activedescendant, а фокус остаётся в поле. Home и End работают по-разному в зависимости от того, есть ли текст, а у каждого подменю своё поле. Для поля выбрали type="text" с role="searchbox", чтобы обойтись без нативной кнопки очистки, а из меню можно уйти табом. #a11y #component
https://base-ui.com/blog/building-a-filterable-menu | 3 654 |
| 8 |  Новинки Chrome 156. В CSS появилась функция random() для случайных значений, псевдокласс :navigation-source для ссылки, кнопки или формы, запустивших навигацию, и значение pair для scroll-snap-type для привязки к одному элементу по обеим осям. Свойство overflow принимает scroll clip для прокрутки по одной оси. Неудачные импорты модулей больше не кешируются, и их можно повторить, WebTransport поддерживает свои заголовки, а IndexedDB переезжает на SQLite. #chrome #browser
https://chromestatus.com/release-notes/156 | 3 371 |
| 9 |  Почему WebMCP важен. Йоав Вайс, запустивший WebMCP-инструменты для витрин Shopify, считает, что совместный браузинг — единственная модель работы агентов, где контроль у пользователя, а WebMCP делает её быстрой. Сайты регистрируют JS-инструменты со схемами и описаниями, и агенты вызывают их, а не кликают по скриншотам. По тестам это в 2,5–7,5 раза быстрее и до 47 раз дешевле. Он также отвечает на критику WebKit и объясняет, почему одного декларативного WebMCP мало. #ai #api
https://blog.yoav.ws/posts/why_webmcp_matters/ | 3 601 |
| 10 |  Сравнение JPEG XL и AVIF для веба. Джейк Арчибальд сравнил оба формата на фото, скриншотах и картинках с прозрачностью. При сжатии с потерями AVIF выигрывает везде: на фото JPEG XL при стандартных настройках обычно на 15–25% тяжелее, а на скриншотах и прозрачности разрыв ещё больше. Без потерь лидирует JPEG XL. По умолчанию Джейк советует AVIF 4:4:4 с самым тщательным сжатием, на какое хватит терпения, а JPEG XL через энкодер jixel стоит попробовать. #image #performance
https://jakearchibald.com/2026/jpeg-xl-vs-avif/ | 3 399 |
| 11 | 00:01:14 Новинки Firefox 158 и Enterprise
00:33:48 Из Electron в PWA и обратно
01:13:09 JPEG XL против AVIF
01:40:38 Иконки в интерфейсах | 3 145 |
| 12 |  Выпуск №549. Вадим Макеев и Никита Дубко про новинки Firefox 158 и Firefox Enterprise, переезд из Electron в PWA и обратно, JPEG XL против AVIF и иконки в интерфейсах.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 3 098 |
| 13 |  Подгоняем высоту под размер фонового паттерна с помощью calc-size(). Ахмад Шадид начинает с секции, где паттерн, повторяющийся по обеим осям, обрезается снизу. С background-repeat: round обрезки нет, но плитки растягиваются или сжимаются. А вот height: calc-size(auto, round(up, size, var(--tile-height))) берёт высоту контента и округляет её вверх до ближайшего кратного высоте плитки. Тот же round() подгоняет под паттерн и padding-block. Пока только в Chrome. #css #layout
https://ishadeed.com/article/fit-height-background-pattern-calc-size/ | 3 993 |
| 14 | Подгоняем высоту под размер фонового паттерна с помощью calc-size(). Ахмад Шадид начинает с секции, где паттерн, повторяющийся по обеим осям, обрезается снизу. С background-repeat: round обрезки нет, но плитки растягиваются или сжимаются. А вот height: calc-size(auto, round(up, size, var(--tile-height))) берёт высоту контента и округляет её вверх до ближайшего кратного высоте плитки. Тот же round() подгоняет под паттерн и padding-block. Пока только в Chrome. #css #layout
https://ishadeed.com/article/fit-height-background-pattern-calc-size/ | 1 |
| 15 |  Фреймы, которые наконец подстраиваются под контент. Ахмад Альфи показывает, как frame-sizing: content-height в Chromium подгоняет <iframe> под содержимое без postMessage. Встроенная страница разрешает это мета-элементом responsive-embedded-sizing прямо в HTML, а после изменений вызывает window.requestResize(). В других браузерах пригодятся @supports и фолбек на postMessage. #html #css
https://alfy.blog/2026/10/09/iframe-that-finally-fit-their-content.html | 4 133 |
| 16 |  Новинки Firefox 158 для разработчиков. Формат JPEG XL теперь включён по умолчанию: сжатие с потерями и без, прозрачность, анимация и HDR. Типизированная арифметика в CSS позволяет делить в calc() значения с разными единицами, например 100vw / 1px, и получать безразмерное число. У уведомлений появилась опция navigate с адресом для перехода по клику, а у WebTransport — метод getStats(). За флагами: функция random(), corner-shape и import defer. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/158 | 3 887 |
| 17 |  Безопасный рендеринг комментариев в Markdown: setHTML(), DOMPurify и Trusted Types. Агустин Барриентос показывает, как marked.js сохраняет сырой HTML в комментариях и почему фраза «мы санитизируем» мало что значит, когда настройки библиотек по умолчанию так различаются. Он описывает один явный список разрешённого в формате SanitizerConfig, применяет его через setHTML(), а где его нет — через DOMPurify, а Trusted Types не даёт обойти защиту через innerHTML. #security #html
https://agustinbarrientos.com/writing/senior-eye/rendering-markdown-comments-safely/ | 3 623 |
| 18 |  iPhone Duo: удвоенное разочарование в Safari. Майк Пионтек проверил свои сайты в симуляторе iPhone Duo и выяснил, что Safari не считает боковую панель безопасной зоной, так что отступы через env() не помогают. Вместо этого Safari подбирает её цвет по пикселям в 5–10 px от края страницы — недокументированно, без учёта theme-color и всего, что не fixed или sticky. А его трюк для других устройств, фиксированная полоса сверху, теперь обрезана справа. #safari #css
https://mikepiontek.com/journal/iphone-duo-safari.html | 4 096 |
| 19 | 00:01:22 Новинки Chrome 155
00:37:11 JPEG XL в Chrome
00:51:53 Элемент poster для видео
01:07:12 Пламя из синусоид
01:19:00 Альфа Bootstrap 6
01:39:17 Навыки кроме ИИ | 3 793 |
| 20 |  Выпуск №548. Лёша Красиков, Алексей Симоненко, Никита Дубко и Полина Гуртовая про новинки Chrome 155, JPEG XL в Chrome, элемент <poster> для видео, пламя из синусоид, альфу Bootstrap 6 и навыки кроме ИИ.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 3 800 |
