Веб-стандарты
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 797 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 9 185-o'rinni va Rossiya mintaqasida 47 030-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 13 797 obunachiga ega bo‘ldi.
26 Oktabr, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -86 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.57% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 14.03% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 3 804 marta ko‘riladi; birinchi sutkada odatda 1 936 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 27 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 797
Obunachilar
-524 soatlar
-77 kun
-8630 kun
Postlar arxiv
13 797
Представляем библиотеку доступных компонентов. Крейг Эбботт рассказывает об открытой библиотеке TetraLogical из восьми компонентов, включая аккордеон, диалог, вкладки и текстовое поле, с кодом и документацией. Каждый компонент привязан к критериям WCAG 2.2, описанным как сценарии на Gherkin, которые проверяются в браузере через Cucumber и Playwright с клавиатуры и мышью. Около 97% сценариев автоматизированы, остальные — чек-лист для ручной проверки. #a11y #component
https://tetralogical.com/blog/2026/10/14/accessible-components-library/
13 797
00:01:07 Новинки Chrome 156
00:33:47 Случайности с CSS random()
00:55:05 Споры вокруг WebMCP
01:30:13 Порт TypeScript на Rust
13 797
Выпуск №550. Никита Дубко, Полина Гуртовая и Вадим Макеев про новинки Chrome 156, случайности с CSS
random(), споры вокруг WebMCP и порт TypeScript на Rust.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте13 797
Что 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-development13 797
Делаем меню с фильтром, удобное для всех. Дженна Смит и Джеймс Нельсон объясняют, почему такое меню в Base UI — это диалог с полем поиска, а не комбобокс. Стрелки подсвечивают пункты через
aria-activedescendant, а фокус остаётся в поле. Home и End работают по-разному в зависимости от того, есть ли текст, а у каждого подменю своё поле. Для поля выбрали type="text" с role="searchbox", чтобы обойтись без нативной кнопки очистки, а из меню можно уйти табом. #a11y #component
https://base-ui.com/blog/building-a-filterable-menu13 797
Новинки Chrome 156. В CSS появилась функция
random() для случайных значений, псевдокласс :navigation-source для ссылки, кнопки или формы, запустивших навигацию, и значение pair для scroll-snap-type для привязки к одному элементу по обеим осям. Свойство overflow принимает scroll clip для прокрутки по одной оси. Неудачные импорты модулей больше не кешируются, и их можно повторить, WebTransport поддерживает свои заголовки, а IndexedDB переезжает на SQLite. #chrome #browser
https://chromestatus.com/release-notes/15613 797
Почему WebMCP важен. Йоав Вайс, запустивший WebMCP-инструменты для витрин Shopify, считает, что совместный браузинг — единственная модель работы агентов, где контроль у пользователя, а WebMCP делает её быстрой. Сайты регистрируют JS-инструменты со схемами и описаниями, и агенты вызывают их, а не кликают по скриншотам. По тестам это в 2,5–7,5 раза быстрее и до 47 раз дешевле. Он также отвечает на критику WebKit и объясняет, почему одного декларативного WebMCP мало. #ai #api
https://blog.yoav.ws/posts/why_webmcp_matters/
13 797
Сравнение 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/
13 797
00:01:14 Новинки Firefox 158 и Enterprise
00:33:48 Из Electron в PWA и обратно
01:13:09 JPEG XL против AVIF
01:40:38 Иконки в интерфейсах
13 797
Выпуск №549. Вадим Макеев и Никита Дубко про новинки Firefox 158 и Firefox Enterprise, переезд из Electron в PWA и обратно, JPEG XL против AVIF и иконки в интерфейсах.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 797
Подгоняем высоту под размер фонового паттерна с помощью 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/13 797
Подгоняем высоту под размер фонового паттерна с помощью 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/13 797
Фреймы, которые наконец подстраиваются под контент. Ахмад Альфи показывает, как
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.html13 797
Новинки 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/15813 797
Безопасный рендеринг комментариев в 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/13 797
iPhone Duo: удвоенное разочарование в Safari. Майк Пионтек проверил свои сайты в симуляторе iPhone Duo и выяснил, что Safari не считает боковую панель безопасной зоной, так что отступы через
env() не помогают. Вместо этого Safari подбирает её цвет по пикселям в 5–10 px от края страницы — недокументированно, без учёта theme-color и всего, что не fixed или sticky. А его трюк для других устройств, фиксированная полоса сверху, теперь обрезана справа. #safari #css
https://mikepiontek.com/journal/iphone-duo-safari.html13 797
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 Навыки кроме ИИ
13 797
Выпуск №548. Лёша Красиков, Алексей Симоненко, Никита Дубко и Полина Гуртовая про новинки Chrome 155, JPEG XL в Chrome, элемент
<poster> для видео, пламя из синусоид, альфу Bootstrap 6 и навыки кроме ИИ.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте13 797
Рейтинг фич веб-платформы на 2027 год. Команда Firefox просит расставить по важности предложения для Interop 2027 — от CSS
@function и if() до Temporal, кастомизируемого <select> и grid lanes. Войдите через GitHub и выберите около 10 из 100 предложений. Добавляйте только те, к которым относитесь положительно: всё, что попало в рейтинг, считается голосом «за». В прошлом году 1900+ голосов повлияли и на Interop, и на приоритеты Firefox. #interop #firefox
https://interop-rank.fxdx.dev/13 797
Новинки Chrome 155. Вернулась поддержка JPEG XL с прогрессивной отрисовкой. CSS-функция
symbols() задаёт стиль счётчика прямо на месте, без именованного правила @counter-style, свойство margin-trim убирает отступы по краям контейнера, а text-decoration-skip-spaces управляет пропуском пробелов в подчёркивании. В JavaScript появились текстовые модули через import with { type: "text" }, а в WebCrypto — постквантовые алгоритмы ML-KEM и ML-DSA. #chrome #browser
https://chromestatus.com/release-notes/155