en
Feedback
Веб-стандарты

Веб-стандарты

Open in Telegram

Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru

Show more

📈 Analytical overview of Telegram channel Веб-стандарты

Channel Веб-стандарты (@webstandards_ru) in the Russian language segment is an active participant. Currently, the community unites 13 991 subscribers, ranking 9 204 in the Technologies & Applications category and 47 646 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 13 991 subscribers.

According to the latest data from 05 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by 7 over the last 30 days and by -1 over the last 24 hours, overall reach remains high.

  • Verification status: Not verified
  • Engagement rate (ER): The average audience engagement rate is 29.26%. Within the first 24 hours after publication, content typically collects 14.48% reactions from the total number of subscribers.
  • Post reach: On average, each post receives 4 094 views. Within the first day, a publication typically gains 2 026 views.
  • Reactions and interaction: The audience actively supports content: the average number of reactions per post is 25.
  • Thematic interests: Content is focused on key topics such as css, chrome, html, api, javascript.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru

Thanks to the high frequency of updates (latest data received on 06 June, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

13 991
Subscribers
-124 hours
-117 days
+730 days
Posts Archive
Спецификация для веб-сайтов. Йост де Валк опубликовал универсальную спецификацию технических возможностей, которыми должен об
Спецификация для веб-сайтов. Йост де Валк опубликовал универсальную спецификацию технических возможностей, которыми должен обладать качественный сайт. Документ охватывает основы и семантический HTML, SEO и структурированные данные, доступность, безопасность и CSP, производительность и Core Web Vitals, интернационализацию, а также готовность к агентам через Markdown-эндпоинты, JSON-LD и RSS. #html #a11y https://specification.website

Новинки Chrome 149. CSS gap decorations позволяют рисовать линейки в гэпах между элементами гридов и флексов. Свойство shape-
Новинки Chrome 149. CSS gap decorations позволяют рисовать линейки в гэпах между элементами гридов и флексов. Свойство shape-outside поддерживает функции path(), shape(), rect() и xywh(). SVG-атрибут path-length стал CSS-свойством. Обрезанный текст переключается с ellipsis на clip при взаимодействии пользователя. Также добавлены image-rendering: crisp-edges, Intl.Locale.prototype.variants, а WebSocket-соединения больше не блокируют back/forward кэш. #chrome #browser https://developer.chrome.com/release-notes/149

CSS заполняет гэпы линейками. Брехт Де Рюйте разбирает новые CSS-свойства для оформления гэпов в гридах и флексах. Свойства c
CSS заполняет гэпы линейками. Брехт Де Рюйте разбирает новые CSS-свойства для оформления гэпов в гридах и флексах. Свойства column-rule и row-rule рисуют линейки в гэпах, а rule-break, rule-inset, rule-overlap и rule-visibility-items управляют пересечениями, длиной и условным отображением. Также линейки можно анимировать. #css #layout https://utilitybend.com/blog/css-is-filling-the-gaps-with-rules-a-way-to-style-gaps-in-grid-and-flex

CSS-центрирование в 2026 году. Темани Афиф разбирает множество способов центрирования в CSS и показывает, как выбрать подходя
CSS-центрирование в 2026 году. Темани Афиф разбирает множество способов центрирования в CSS и показывает, как выбрать подходящий. Теория выравнивания с двумя уровнями и двумя осями, сравнение флексов, гридов, position: absolute и text-align, новое свойство text-box для обрезки отступов вокруг текста, anchor-center в якорном позиционировании, разница между безопасным и небезопасным центрированием. #css #layout https://css-tricks.com/the-state-of-css-centering-in-2026/

Появление и исчезновение в современном CSS. Мэтт Кроут показывает, как анимировать появление и исчезновение элементов: @​star
Появление и исчезновение в современном CSS. Мэтт Кроут показывает, как анимировать появление и исчезновение элементов: @​starting-style задаёт начальные значения, transition остаются прерываемыми посреди анимации, а allow-discrete справляется со свойствами вроде display, которые обычно меняются мгновенно. View Transition API дополняет картину, анимируя изменения раскладки между состояниями DOM на примере <dialog> и поповеров. #css #animation https://joyofcode.xyz/entry-and-exit-css-transitions

00:01:23 Линейки в гэпах 00:28:40 Короткие или полные свойства 00:56:52 Нормальный line-clamp 01:19:42 Потерянное десятилетие

Выпуск №529. Вадим Макеев и Никита Дубко про линейки в гэпах, короткие или полные свойства, нормальный line-clamp и потерянно
Выпуск №529. Вадим Макеев и Никита Дубко про линейки в гэпах, короткие или полные свойства, нормальный line-clamp и потерянное десятилетие фронтенда. — Лайв на ЮтубеСлушайте на ЮтубеСсылки на сайте

Replacements​.fyi. Инструмент от сообщества e18e помогает находить более производительные и безопасные альтернативы устаревши
Replacements​.fyi. Инструмент от сообщества e18e помогает находить более производительные и безопасные альтернативы устаревшим или ненужным npm-пакетам. Введите имя пакета — например, is-number, left-pad или is-odd — и получите готовую замену или короткий фрагмент кода. Можно фильтровать по среде: Node, Bun, Deno, Cloudflare или браузер. Также есть список всех пакетов и проверка package.json. #npm #tools https://replacements.fyi/

CSS или JavaScript для анимаций. Джош Комо сравнивает CSS, Web Animations API и JS-библиотеки GSAP и Motion при загруженном о
CSS или JavaScript для анимаций. Джош Комо сравнивает CSS, Web Animations API и JS-библиотеки GSAP и Motion при загруженном основном потоке. Анимации на CSS и Motion остаются плавными, потому что работают вне основного потока, а нативные JS-анимации и GSAP подвисают. Размер библиотек тоже важен: Motion весит 48 КБ в gzip, GSAP — 27 КБ. Джош советует нативный CSS по возможности, а JS-библиотеки — только для того, что CSS не умеет, например для морфинга SVG. #animation #performance https://www.joshwcomeau.com/animation/css-vs-javascript/

Точные размеры резиновых блоков с round(). Ахмад Шадид рассказывает, как CSS-функция round() дополняет clamp(), округляя плав
Точные размеры резиновых блоков с round(). Ахмад Шадид рассказывает, как CSS-функция round() дополняет clamp(), округляя плавные значения до удобных шагов, избавляя от дробей вроде 19.7px. Он разбирает размеры шрифтов в карточках, системы типографики и базовые сетки, показывает round() с единицами от контейнера для сохранения визуального ритма при изменении вьюпорта. Также упоминает calc-size() для синхронизации высот соседних блоков. #css #typography https://ishadeed.com/article/css-round/

Декларативные частичные обновления HTML. Барри Поллард и Ноам Розенталь представляют две идеи для веб-платформы: инструкции о
Декларативные частичные обновления HTML. Барри Поллард и Ноам Розенталь представляют две идеи для веб-платформы: инструкции обработки <?marker> и <?start>/<?end> в паре с <template> позволяют серверу вставлять HTML в нужные места документа без последовательной доставки. Новые JS-методы setHTML(), appendHTML() и streamHTML() дают единообразное API для частичных обновлений. Полифилы есть на npm. #html #api https://developer.chrome.com/blog/declarative-partial-updates

600+ миллионов человек пишут справа налево: две правки для вашего приложения. Нина Торгунакова разбирает два сценария. Для ан
600+ миллионов человек пишут справа налево: две правки для вашего приложения. Нина Торгунакова разбирает два сценария. Для англоязычных приложений с полями свободного ввода достаточно dir="auto" — браузер сам определит направление по первому символу, без JavaScript. Для полностью локализованных интерфейсов задайте dir="rtl" на <html> и замените физические CSS-свойства на логические: margin-inline-start, padding-inline-end и text-align: start. #css #a11y https://evilmartians.com/chronicles/600-million-people-write-right-to-left-2-fixes-your-app-needs

00:01:22 Новинки Firefox 151 00:26:00 CSS и UI на Google I/O 00:42:29 WebMCP и агентный веб 00:45:47 Modern Web Guidance 01:18:59 DevTools для агентов 01:32:06 Prompt API в Chrome 01:41:07 Core Web Vitals 01:53:26 HTML в Canvas

Выпуск №528. Вадим Макеев, Алексей Симоненко, Полина Гуртовая и Никита Дубко про новинки Firefox 151 и Google I/O: CSS и UI,
Выпуск №528. Вадим Макеев, Алексей Симоненко, Полина Гуртовая и Никита Дубко про новинки Firefox 151 и Google I/O: CSS и UI, WebMCP и агентный веб, Modern Web Guidance, DevTools, Prompt API, Core Web Vitals и HTML в Canvas. — Лайв на ЮтубеСлушайте на ЮтубеСсылки на сайте

Поиск фич веб-платформы прямо из терминала. Консольная утилита wf Патрика Броссета ищет по ключевому слову и показывает стату
Поиск фич веб-платформы прямо из терминала. Консольная утилита wf Патрика Броссета ищет по ключевому слову и показывает статус Baseline, ссылки на документацию MDN, спецификации, баги браузеров, результаты опросов, позиции вендоров и статистику использования в Chrome. Данные берутся из web-features и web-features-mappings от W3C WebDX Community Group, актуальные значения подгружаются при каждом запуске. #tools #baseline https://www.npmjs.com/package/web-features-cli

State of CSS 2026. Devographics запустили ежегодный опрос о состоянии CSS, в этом году с меньшим числом CSS-возможностей, что
State of CSS 2026. Devographics запустили ежегодный опрос о состоянии CSS, в этом году с меньшим числом CSS-возможностей, чтобы его можно было завершить. Команда сосредоточилась на самом важном: от раскладки, селекторов и типографики до интерактивности и форм. Опрос займёт 15–20 минут и поможет понять, как разработчики используют современный CSS. Не забудьте проголосовать за любимые ресурсы и добавить всё новое в список чтения. #css #survey https://survey.devographics.com/en-US/survey/state-of-css/2026

Modern web guidance. Набор постоянно обновляемых, проверенных экспертами скиллов для ИИ-агентов от команды Chrome — по UI-ком
Modern web guidance. Набор постоянно обновляемых, проверенных экспертами скиллов для ИИ-агентов от команды Chrome — по UI-компонентам, модернизации старого кода, безопасности и производительности. Установка через npx modern-web-guidance@latest install или как плагин для Claude Code, Copilot CLI, Vercel Agent Skills и Antigravity. Скиллы помогают с современными возможностями: <dialog>, popover, выражения от контейнера, passkeys, CSP и улучшением Web Vitals. #tools #ai https://developer.chrome.com/docs/modern-web-guidance

Новинки Firefox 151 для разработчиков. Релиз добавляет shadowrootslotassignment для элементов
Новинки Firefox 151 для разработчиков. Релиз добавляет shadowrootslotassignment для элементов <template>, выражения @container style(), position-anchor: normal, Document Picture-in-Picture API для всегда-сверху HTML-окон, Web Serial API на десктопе, CanvasRenderingContext2D.lang, keyboardLock в requestFullscreen() и экспериментальное свойство field-sizing для элементов форм. #firefox #browser https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/151

Результаты опроса State of AI 2026. Ежегодный опрос Саши Грифа среди 7258 разработчиков показал, что использование AI в коде
Результаты опроса State of AI 2026. Ежегодный опрос Саши Грифа среди 7258 разработчиков показал, что использование AI в коде стало массовым: респонденты теперь генерируют 54% кода с помощью AI против 28% годом ранее. Claude Code лидирует по уровню положительных оценок среди агентов — 42,3%. Расходы на AI-инструменты растут, индустрия переходит от субсидируемых цен к устойчивой монетизации. Главная боль — галлюцинации. #ai #survey https://2026.stateofai.dev/en-US

00:01:30 Новинки Safari 26.5 00:27:39 Полифил для Prompt API 00:55:08 Подписки на ИИ в редакторах 01:34:28 Браузерные патчи для сайтов