Веб-стандарты
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 846 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 8 895-o'rinni va Rossiya mintaqasida 46 467-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 13 846 obunachiga ega bo‘ldi.
05 Oktabr, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -91 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 28.04% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 14.33% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 3 882 marta ko‘riladi; birinchi sutkada odatda 1 984 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 22 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 06 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 846
Obunachilar
-524 soatlar
-287 kun
-9130 kun
Postlar arxiv
13 847
Передаём sibling-count() родительскому элементу. Темани Афиф показывает, как родителю узнать, сколько у него детей. Функция
sibling-count() считает соседей, а не детей, поэтому он добавляет лишний элемент шириной в sibling-count() и с помощью анимаций по скроллу, view-timeline и timeline-scope превращает её в переменную --n на родителе. Пригодится для счётчиков, почти квадратных сеток с sqrt() и круговых раскладок. Пока только в Chrome и Edge. #css #scroll
https://blog.master.dev/transferring-sibling-count-to-a-parent-element/13 847
Developer Signals: влияйте на то, что браузеры сделают дальше. Рик Вискоми запустил инструмент, где можно посмотреть 354 будущие веб-фичи, отфильтровать их по поддержке в браузерах и проголосовать за нужные. Есть два направления: вечнозелёные фичи и предложения для Interop 2027. Голоса и сценарии использования через GitHub попадают прямо в репозиторий группы WebDX, чтобы помочь браузерам расставить приоритеты. #interop #browser
https://developer-signals.dev
13 847
Выпуск №547. Никита Дубко, Вадим Макеев и Алексей Симоненко про новинки Firefox 157, стилизацию тултипов и State of Devs.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 847
Кризис среднего возраста у JavaScript. Марун Байдун разбирает, как Rust, Go и Zig захватывают инструменты JavaScript. Пока линтеры и форматтеры были на том же языке, что и код, любой мог их отладить и починить. Бандлер, переписанный на Rust, быстрее, но поддерживать его могут меньше людей. Мы компилируем JavaScript на Rust, чтобы получить JavaScript для движка, написанного в основном на C++, то есть прокладываем всё более быстрые рельсы для медленного поезда. #js #tools
https://maroun-baydoun.com/blog/javascript-midlife-crisis/
13 847
Результаты опроса State of Devs 2026. Саша Грейф и Devographics опросили 5463 разработчиков обо всём, кроме кода. Главные проблемы на работе связаны с менеджментом, а 62% сталкивались с выгоранием. Большинство пишет основную часть кода с помощью AI, но мнения о нём разделились поровну, и лишь 23% считают, что он хорошо повлиял на их ментальное состояние. Больше всего беспокоит изменение климата, а об индустрии говорят с усталостью и разочарованием. #stateof #survey
https://2026.stateofdevs.com/en-US/
13 847
Новинки Firefox 157 для разработчиков. Функция
at-rule() в @supports проверяет поддержку директивы, например at-rule(@scope), и работает в функции supports() директивы @import. У свойств overscroll-behavior появилось значение chain: прокрутка передаётся другой прокручиваемой области, но без стандартного отскока. Animation.reverse() теперь запускает анимацию с playbackRate 0. За флагами: ML-KEM в Web Crypto и опция navigate у уведомлений. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/15713 847
Как ускорить сайт, отправляя больше CSS. В блоге GitHub Джош Блэк и Мари Лукка рассказывают, как дизайн-система Primer перешла с CSS-in-JS на CSS-модули. Пропс
sx создавал рантайм-нагрузку, которая росла с числом компонентов на странице, поэтому команда выкатывала обе версии за флагами и сравнивала скриншоты визуальных тестов. Итог: серверный рендеринг страницы стал быстрее на 55%, а инициализация компонентов — на 25%. #css #performance
https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/13 847
Новинки Chrome 154. Новое свойство
text-decoration-inset задаёт, где начинаются и заканчиваются подчёркивания, надчёркивания и зачёркивания, а отрицательные значения выводят их за пределы текста. У свойства scroll-marker-group появились режимы links и tabs, которые задают порядок фокуса и ARIA-семантику маркеров прокрутки. Элемент <iframe> умеет подстраиваться под контент через frame-sizing, а в JavaScript появился Iterator.includes(). #chrome #browser
https://developer.chrome.com/release-notes/15413 847
00:01:30 Настройка таблиц MDN
00:07:39 Новинки Chrome 154
00:56:53 Параметры для SVG
01:14:44 Хорошие сайты от ИИ
01:32:57 Будущее браузеров
13 847
Выпуск №546. Алексей Симоненко, Вадим Макеев и Никита Дубко про настройку таблиц MDN, новинки Chrome 154, параметры для SVG, хорошие сайты от ИИ и будущее браузеров.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 847
Ситуативные отношения браузеров: когда браузеры согласны, а спецификация нет. Ракхи Шарма разбирает, что происходит, если Chrome, Firefox и Safari делают одно, а спецификация описывает другое. Иногда чинят браузеры, а иногда правят спецификацию: так вышло с нормализацией переводов строк при отправке форм. WHATWG, Web Platform Tests и Compatibility Standard ведут всех к общему поведению. #browser #interop
https://www.atbrakhi.dev/blog/browsers-situationship
13 847
Один SVG, девять постеров: свойство link-parameters. Вадим Макеев пробует новую спецификацию CSS Linked Parameters: она работает в Firefox Nightly и за флагом в Safari TP. В SVG-файле вместо значения
env(--color, фолбек), а страница передаёт своё через link-parameters: param(--color, coral). Постер Уорхола в SVG, вставленный девять раз как <img>, раскрашивается по-разному из одного закешированного файла. #css #svg
https://pepelsbey.dev/articles/svg-link-params/13 847
Корневой скроллер и как его не потерять. Килиан Валкхоф объясняет, что умеет главный скролл-контейнер страницы: восстанавливает позицию скролла, слушает пробел и стрелки, а на мобильных прячет адресную строку и даёт pull-to-refresh. Обёртка с фиксированной высотой и
overflow его подменяет, и это выдаёт window.scrollY, застрявший на нуле. У полноэкранных макетов, стики-шапок и блокировки прокрутки есть решения, сохраняющие скролл страницы. #css #scroll
https://polypane.app/blog/the-root-scroller-and-how-not-to-lose-it/13 847
Адаптивные iframe в Chrome 154. Себастьян Бенц и Брамус Ван Дамм рассказывают о свойстве
frame-sizing: встроенный фрейм сам растёт под свой контент, без передачи высоты через postMessage. Встраивающая страница задаёт frame-sizing: content-height, а встроенный документ разрешает это элементом <meta>, где можно ограничить список источников. После изменения контента новый замер запрашивают через window.requestResize(). Пока за флагами в Chrome и Edge. #html #css
https://developer.chrome.com/blog/responsive-iframes13 847
Выравниваем иконки и подписи. Ахмад Шадид начинает со списка, где
align-items: center сбивается, стоит подписи перенестись на вторую строку, а align-items: start поднимает иконку слишком высоко из-за строчного бокса. Помогает единица lh: половина разницы между строкой и размером иконки задаётся как смещение через translateY и работает при любом размере шрифта. Фоновым иконкам на псевдоэлементах нужна пара дополнительных объявлений. #css #layout
https://ishadeed.com/article/aligning-list-icons/13 847
00:01:22 Новинки Firefox 156
00:14:44 Релиз Safari 27
01:06:33 Выравнивание иконок
01:17:58 Боковые сноски
01:30:29 Аргументы против JPEG XL
13 847
Выпуск №545. Полина Гуртовая, Вадим Макеев и Алексей Симоненко про новинки Firefox 156, релиз Safari 27, выравнивание иконок, боковые сноски и аргументы против JPEG XL.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 847
Сноски на полях с помощью CSS anchor positioning. Венсан Берна связывает знак сноски и саму заметку через
anchor-name и position-anchor, оба значения берутся из дата-атрибутов типизированным attr(). Каждая заметка встаёт напротив своего знака сноски, а если мешает предыдущая, то max() из двух значений anchor() опускает её строкой ниже. На узких экранах и в старых браузерах сноски остаются под абзацем приглушённым цветом. #css #anchor
https://vincent.bernat.ch/en/blog/2026-css-sidenotes13 847
Современные типы для веба. Филип Уолтон устал от того, что 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/