Веб-стандарты
Ir al canal en Telegram
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
Mostrar más📈 Análisis del canal de Telegram Веб-стандарты
El canal Веб-стандарты (@webstandards_ru) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 13 957 suscriptores, ocupando la posición 8 957 en la categoría Tecnologías y Aplicaciones y el puesto 46 823 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 13 957 suscriptores.
Según los últimos datos del 26 agosto, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -23, y en las últimas 24 horas de -2, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 28.18%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 14.37% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 3 933 visualizaciones. En el primer día suele acumular 2 006 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 19.
- Intereses temáticos: El contenido se centra en temas clave como css, chrome, html, api, javascript.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“Новости фронтенда и еженедельный подкаст.
Простой способ сказать спасибо и попасть в закрытый чат:
— Патреон https://www.patreon.com/webstandards_ru
— Бусти https://boosty.to/webstandards_ru”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 27 agosto, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
13 957
Suscriptores
-224 horas
-197 días
-2330 días
Archivo de publicaciones
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/
