Веб-стандарты
前往频道在 Telegram
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
显示更多📈 Telegram 频道 Веб-стандарты 的分析概览
频道 Веб-стандарты (@webstandards_ru) 俄语 语言赛道中的 是活跃参与者。目前社区聚集了 13 918 名订阅者，在 技术与应用 类别中位列第 8 892，并在 俄罗斯 地区排名第 46 434 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 13 918 名订阅者。
根据 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 918
订阅者
-224 小时
-177 天
-6530 天
帖子存档
13 918
Новинки 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 918
Главный поток браузера — дорогой ресурс. Сонхёп Ли напоминает: в одном потоке живут JavaScript, стили, лейаут, отрисовка и события, а на всё это — около 10 миллисекунд на кадр, на 120 Гц вдвое меньше. Тратить их можно с умом: дробить длинные задачи через
scheduler.yield(), объединять события дебаунсом и тротлингом, расставлять приоритеты и откладывать неважное. Или отдать работу композитору и воркерам. Всё показано на интерактивных демо. #performance #js
https://kciter.so/posts/the-expensive-main-thread/en/13 918
00:01:41 Новинки Chrome 153
00:22:09 MCP-сервер MDN
00:29:24 HTML-бойлерплейт
01:22:34 Цвета ярче белого
01:33:42 React 19.3
13 918
Выпуск №544. Никита Дубко, Лёша Красиков и Вадим Макеев про новинки Chrome 153, MCP-сервер MDN, HTML-бойлерплейт, цвета ярче белого и React 19.3.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 918
Сделайте логотип ярче белого. Крис Беннетт собрал инструмент, который превращает логотип в HDR-JPEG: выбранные цвета светятся до 7,5 раз ярче обычного белого на HDR-экранах, а во всех остальных случаях это совершенно обычная картинка. Лучше всего сияют светлые элементы на тёмном фоне. Ещё автор показывает, как красить текст такой картинкой через
background-clip: text внутри @media (dynamic-range: high). #color #image
https://www.soverybright.com/13 918
Новинки 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 918
а почему у вас 525 и более старые выпуски не работают в apple podcasts? приходится на ютьюбе переслушивать
13 918
В 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 918
Выражения от контейнера со 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 918
Открыт приём заявок в Interop 2027. Предложить фичи можно до 23 сентября, а гайд объясняет, на что смотрят браузеры: нужна стабильная спецификация и тесты веб-платформы, которые автоматически проходят в Chrome, Edge, Firefox и Safari на wpt.fyi. Ещё учитывают, ломается ли что-то на реальных сайтах, спрос из опросов разработчиков и польза для доступности. Шаблонов два: направления фокуса для готовых фич и исследования для остальных. #interop #wpt
https://github.com/web-platform-tests/interop/blob/main/proposal_guide.md
13 918
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 918
Выпуск №543. Лёша Красиков, Полина Гуртовая и Никита Дубко про новинки Firefox 155, предложения в Interop 2027, top-level
await в Safari, ненужный initial-scale, альфу TanStack Charts и переключатели темы.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте13 918
Ну и ладно, напишу свой текстовый редактор! Дэвид Бушелл пробует три способа собрать редактор в браузере и показывает, чем приходится жертвовать. Канвас даёт полный контроль, но лишает выделения текста, истории отмен и вставки нескольких строк. Атрибут
contenteditable с плейн-текстом возвращает нативное редактирование и доступность, но тормозит после определённого числа символов. Быстрее всех оказался обычный <textarea> с подсветкой синтаксиса поверх. #html #performance
https://dbushell.com/2026/09/01/text-editor/13 918
Как определить неопределяемые возможности 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 918
Новинки 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 918
Как заставить агентов писать хороший 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 918
Как выделить фрагмент текста внутри поля. Олли Уильямс показывает, как новый 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 918
00:01:23 Новинки Chrome 152
00:47:04 Вычисление кастомных свойств
00:59:16 Виртуальные списки
01:23:17 Отказ от RSC
13 918
Выпуск №542. Лёша Красиков и Никита Дубко про новинки Chrome 152, вычисление кастомных свойств, виртуальные списки и отказ от RSC.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 918
Как ускорить длинный список: content-visibility или виртуализация. Агустин Барриентос сравнивает список из 50 тысяч карточек, отрисованный тремя способами. Свойство
content-visibility: auto вместе с contain-intrinsic-size оставляет все строки в DOM и пропускает рендеринг за пределами экрана, а виртуализация выкидывает строки из DOM и заодно забирает у браузера поиск по странице, ссылки-якоря, сохранение фокуса и состояние карточек. #performance #css
https://agustinbarrientos.com/writing/senior-eye/content-visibility-vs-virtualization/