Веб-стандарты
Открыть в Telegram
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
Больше📈 Аналитический обзор Telegram-канала Веб-стандарты
Канал Веб-стандарты (@webstandards_ru) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 13 916 подписчиков, занимая 8 892 место в категории Технологии и приложения и 46 434 место в регионе Россия.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 13 916 подписчиков.
Согласно последним данным от 15 сентября, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -65, а за последние 24 часа — -2, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 27.12%. В первые 24 часа после публикации контент обычно набирает 13.93% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 3 774 просмотров. В течение первых суток публикация набирает 1 939 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 20.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как css, chrome, html, api, javascript.
📝 Описание и контентная политика
Автор описывает ресурс как площадку для выражения субъективного мнения:
“Новости фронтенда и еженедельный подкаст.
Простой способ сказать спасибо и попасть в закрытый чат:
— Патреон https://www.patreon.com/webstandards_ru
— Бусти https://boosty.to/webstandards_ru”
Благодаря высокой частоте обновлений (последние данные получены 16 сентября, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.
13 916
Подписчики
-224 часа
-177 дней
-6530 дней
Архив постов
13 916
Новинки 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-notes13 916
Новинки 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/15613 916
Главный поток браузера — дорогой ресурс. Сонхёп Ли напоминает: в одном потоке живут JavaScript, стили, лейаут, отрисовка и события, а на всё это — около 10 миллисекунд на кадр, на 120 Гц вдвое меньше. Тратить их можно с умом: дробить длинные задачи через
scheduler.yield(), объединять события дебаунсом и тротлингом, расставлять приоритеты и откладывать неважное. Или отдать работу композитору и воркерам. Всё показано на интерактивных демо. #performance #js
https://kciter.so/posts/the-expensive-main-thread/en/13 916
00:01:41 Новинки Chrome 153
00:22:09 MCP-сервер MDN
00:29:24 HTML-бойлерплейт
01:22:34 Цвета ярче белого
01:33:42 React 19.3
13 916
Выпуск №544. Никита Дубко, Лёша Красиков и Вадим Макеев про новинки Chrome 153, MCP-сервер MDN, HTML-бойлерплейт, цвета ярче белого и React 19.3.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 916
Сделайте логотип ярче белого. Крис Беннетт собрал инструмент, который превращает логотип в HDR-JPEG: выбранные цвета светятся до 7,5 раз ярче обычного белого на HDR-экранах, а во всех остальных случаях это совершенно обычная картинка. Лучше всего сияют светлые элементы на тёмном фоне. Ещё автор показывает, как красить текст такой картинкой через
background-clip: text внутри @media (dynamic-range: high). #color #image
https://www.soverybright.com/13 916
Новинки 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/15313 916
а почему у вас 525 и более старые выпуски не работают в apple podcasts? приходится на ютьюбе переслушивать
13 916
В 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.html13 916
Выражения от контейнера со 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/13 916
Открыт приём заявок в Interop 2027. Предложить фичи можно до 23 сентября, а гайд объясняет, на что смотрят браузеры: нужна стабильная спецификация и тесты веб-платформы, которые автоматически проходят в Chrome, Edge, Firefox и Safari на wpt.fyi. Ещё учитывают, ломается ли что-то на реальных сайтах, спрос из опросов разработчиков и польза для доступности. Шаблонов два: направления фокуса для готовых фич и исследования для остальных. #interop #wpt
https://github.com/web-platform-tests/interop/blob/main/proposal_guide.md
13 916
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 Переключатели темы не нужны
13 916
Выпуск №543. Лёша Красиков, Полина Гуртовая и Никита Дубко про новинки Firefox 155, предложения в Interop 2027, top-level
await в Safari, ненужный initial-scale, альфу TanStack Charts и переключатели темы.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте13 916
Ну и ладно, напишу свой текстовый редактор! Дэвид Бушелл пробует три способа собрать редактор в браузере и показывает, чем приходится жертвовать. Канвас даёт полный контроль, но лишает выделения текста, истории отмен и вставки нескольких строк. Атрибут
contenteditable с плейн-текстом возвращает нативное редактирование и доступность, но тормозит после определённого числа символов. Быстрее всех оказался обычный <textarea> с подсветкой синтаксиса поверх. #html #performance
https://dbushell.com/2026/09/01/text-editor/13 916
Как определить неопределяемые возможности 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/13 916
Новинки 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/15513 916
Как заставить агентов писать хороший 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/
13 916
Как выделить фрагмент текста внутри поля. Олли Уильямс показывает, как новый 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/13 916
00:01:23 Новинки Chrome 152
00:47:04 Вычисление кастомных свойств
00:59:16 Виртуальные списки
01:23:17 Отказ от RSC
13 916
Выпуск №542. Лёша Красиков и Никита Дубко про новинки Chrome 152, вычисление кастомных свойств, виртуальные списки и отказ от RSC.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
