Веб-стандарты
前往频道在 Telegram
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
显示更多📈 Telegram 频道 Веб-стандарты 的分析概览
频道 Веб-стандарты (@webstandards_ru) 俄语 语言赛道中的 是活跃参与者。目前社区聚集了 13 957 名订阅者，在 技术与应用 类别中位列第 8 957，并在 俄罗斯 地区排名第 46 823 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 13 957 名订阅者。
根据 26 八月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 -23，过去 24 小时变化为 -2，整体触达仍然可观。
- 认证状态： 未认证
- 互动率 (ER)： 平均受众互动率为 28.18%。内容发布后 24 小时内通常能获得 14.37% 的反应，占订阅者总量。
- 帖子覆盖： 每篇帖子平均可获得 3 933 次浏览，首日通常累积 2 006 次浏览。
- 互动与反馈： 受众积极参与，单帖平均反应数为 19。
- 主题关注点： 内容集中在 css, chrome, html, api, javascript 等核心主题上。
📝 描述与内容策略
作者将该频道定位为表达主观观点的平台：
“Новости фронтенда и еженедельный подкаст.
Простой способ сказать спасибо и попасть в закрытый чат:
— Патреон https://www.patreon.com/webstandards_ru
— Бусти https://boosty.to/webstandards_ru”
凭借高频更新（最新数据采集于 27 八月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 技术与应用 类别中的关键影响点。
13 957
订阅者
-224 小时
-197 天
-2330 天
帖子存档
13 957
Балансируем флекс-элементы свойством flex-wrap: balance. Ахмад Шадид начинает с вёрстки на сайте Buffer, где в последней строке остаётся один элемент, и показывает пять способов это исправить: выражения от контейнера, условный
clamp() для max-width, display: contents, разделитель на псевдоэлементе и, наконец, flex-wrap: balance из Chrome 150 — всего одно объявление. Свойство flex-line-count задаёт минимальное число строк. #css #layout
https://ishadeed.com/article/flex-wrap-balance/13 957
Firefox готовится поддержать JPEG XL. Джейк Арчибальд рассказывает, что поддержка строится на jxl-rs — декодере на Rust от Google Research, который избавляет от рисков старой реализации на C++ в 100 тысяч строк. На фотографиях AVIF по-прежнему выигрывает при сжатии с потерями, а JPEG XL — без потерь. Ещё он пережимает JPEG и умеет прогрессивную отрисовку: большие картинки появляются уже во время загрузки. #image #firefox
https://hacks.mozilla.org/2026/08/intent-to-ship-jpeg-xl/
13 957
Знакомимся с HTML-элементом <geolocation>. Даниэль Шварц разбирает новый элемент из Chrome 144, который заменяет Geolocation API разметкой:
autolocate переиспользует ранее выданное разрешение, watch следит за перемещением, а onlocation обрабатывает результат. Таймауты браузер берёт на себя. Псевдокласс :granted стилизует кнопку, isValid и invalidReason сообщают о проблемах, а строгие правила стилизации защищают от перехвата кликов. #html #chrome
https://piccalil.li/blog/a-look-at-the-geolocation-html-element-and-how-it-works/13 957
00:01:15 Firefox 154
00:31:08 HTTP-метод QUERY
00:43:11 Селектор с префиксом
01:00:40 Метрика UNO
01:16:03 Снова переключатели темы
13 957
Выпуск №541. Вадим Макеев, Лёша Красиков, Никита Дубко и Полина Гуртовая про Firefox 154, HTTP-метод QUERY, селектор с префиксом, метрику UNO и снова переключатели темы.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 957
HTML-бойлерплейт 2026 года. Мануэль Матузович разбирает каждую строку в
<head> и объясняет, зачем она нужна: кодировка перед заголовком, вьюпорт, Open Graph и отдельная таблица стилей для печати. В этом году добавились метаэлемент text-scale для системного размера текста на мобильных, SVG-фавиконка с поддержкой тёмной темы, ссылка на маркдаун-версию страницы для LLM и fediverse:creator для атрибуции в Mastodon. #html #learn
https://www.matuzo.at/blog/2026/html-boilerplate13 957
Разбираемся с панелью Performance в Chrome DevTools. Джоан Леон на интерактивных примерах показывает цвета для скриптов, рендеринга, отрисовки, загрузки и простоя, устройство полосы сетевого запроса, две оси флеймчарта и разницу между self time и total time. Ещё есть четыре фазы LCP, сдвиги лейаута, INP, композитинг, порядок диагностики и таблицы типичных функций и запросов. #performance #devtools
https://perf.reviews/profile-guide
13 957
Почему переключателю тёмной темы нужны три состояния. Брамус Ван Дамм отвечает Лие Веру и приводит случай, который два состояния не покрывают: ОС сама меняет тему по времени суток. Выбрали днём светлую — вечером сайт всё равно станет тёмным, хотя выбор был явным. Два состояния годятся, только если автоматический вариант подписан или если хранить настоящие значения, но тогда нужен сброс. В его опросе 43 голоса против 7 за три состояния. #design #color
https://www.bram.us/2026/08/18/the-case-for-tri-state-dark-mode-toggles/
13 957
Новинки Firefox 154 для разработчиков. Релиз добавляет CSS-функции
sibling-count() и sibling-index(), свойства text-box-trim, text-box-edge и text-box для обрезки пространства над и под текстом, а также методы итераторов includes(), join(), chunks() и windows(). В WebRTC появились getSelectedCandidatePair() и новые метрики транспорта. За флагами: line-clamp без префикса, проценты для text-decoration-inset, функция progress() и CSS Typed OM. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/15413 957
Могут ли письма поддерживать светлую и тёмную темы? Мэтью Гуэй объясняет, что
@media (prefers-color-scheme) работает примерно в 42% почтовых клиентов: Apple Mail, Outlook и Fastmail. Причём только на Apple Mail приходится около 65% открытий. Gmail, Outlook под Windows, Yahoo Mail и Thunderbird правило игнорируют, а мобильный Gmail инвертирует цвета сам. Не используйте чистый чёрный и чистый белый: некоторые клиенты из-за них инвертируют цвета. #email #css
https://buttondown.com/blog/dark-mode-emails13 957
00:01:30 Переключатель в HTML
00:22:50 Клик мимо диалога
00:41:18 PWA в 2026
01:06:29 HTML по веб-сокетам
13 957
Выпуск №540. Никита Дубко и Вадим Макеев про переключатель в HTML, клик мимо диалога, PWA в 2026 и HTML по веб-сокетам.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 957
Progressive Web Apps, в целом, крутые. Мартин Грубингер собрал плюсы и минусы: URL и кнопка назад работают так, как задумано в вебе, приложение не занимает сотню мегабайт, а обновление доезжает до пользователя за одну перезагрузку вместо дней ревью в сторе. Из минусов — установка на iOS, непредсказуемые промты установки в Chromium, встроенный браузер для внешних ссылок и недоступное имя WiFi-сети. #pwa #browser
https://grooovinger.com/notes/progressive-web-apps-mostly-rock
13 957
Пять практик, чтобы не превратить Tailwind CSS в хаос. Нина Торгунакова напоминает, что utility-first подход масштабируется только вместе с дизайн-системой и компонентами. Сокращайте наборы классов до вида
py-4, задавайте семантические токены через @theme или tailwind.config.js, а порядок классов доверьте официальному плагину для Prettier. Вместо произвольных классов из пропсов описывайте готовые варианты. Tailwind 4 минифицирует сам, а 3 требует --minify. #css #tools
https://evilmartians.com/chronicles/5-best-practices-for-preventing-chaos-in-tailwind-css13 957
Как Baseline помогает писать меньше JavaScript. Джад Джубран разбирает пять групп зависимостей, которые уже заменяются возможностями платформы: форматтеры
Intl вместо timeago.js и numeral, fetch() с AbortSignal.timeout() вместо axios, <dialog> и Popover API вместо библиотек для модальных окон и подсказок, structuredClone и Object.groupBy вместо Lodash. Исключение — Temporal: его полифил на 44 КБ сводит экономию на нет. #baseline #js
https://www.smashingmagazine.com/2026/08/how-baseline-can-help-ship-less-javascript/13 957
Нужны ли карты кода? Джеймс Гарбутт и Алекс Лихтер объясняют, когда npm-пакетам стоит их публиковать, а когда они лишь раздувают вес. Из-за них пакет
change-case вырос с 7,2 КБ до 22,7 КБ, а magic-string без них уменьшился с 241 КБ до 155 КБ. Они оправданы, только если опубликованный код теряет информацию: минифицированный вывод или синтаксис вроде Vue SFC. Лучше публиковать читаемый код без минификации или хранить исходники удалённо через sourceRoot. #npm #performance
https://e18e.dev/blog/source-maps-or-not.html13 957
Результаты опроса State of CSS 2026. Саша Грейф и Devographics опросили 4902 разработчика: любимой новинкой года стало anchor positioning, оно возглавило и список желаемого, и список жалоб на поддержку в браузерах. То же самое с View Transitions и
if(). CSS сопротивляется AI: с его помощью пишут в среднем лишь 28% кода, куда меньше, чем в других технологиях. Больше всего проблем вызывают позиционирование, :has() и выражения от контейнера. #css #survey
https://2026.stateofcss.com/en-US13 957
00:01:08 Новый ведущий
00:02:10 State of CSS: результаты
00:30:40 State of CSS: ИИ
00:47:38 State of CSS: инструменты
01:01:06 State of CSS: боль
01:15:38 Переключатель тёмной темы
13 957
Выпуск №539. Вадим Макеев, Лёша Красиков и Алексей Симоненко про результаты State of CSS 2026 и переключатель тёмной темы.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 957
Переключатели тёмной темы: двух состояний достаточно. Лия Веру считает, что привычный переключатель из трёх вариантов «светлая, тёмная, системная» продиктован реализацией, а не людьми: тему меняют, только когда текущая мешает, а не на будущее. Храните три состояния внутри, но показывайте два, а на кнопке — ту тему, в которую она переключит. Сбрасывать сохранённый выбор стоит только по действию пользователя. #design #color
https://lea.verou.me/blog/2026/dark-mode-toggles/
