Веб-стандарты
Відкрити в 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/
