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

Kanalga Telegram’da o‘tish

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

Ko'proq ko'rsatish

Rossiya47 646 Texnologiyalar & Aralashmalar9 204...

📈 Telegram kanali Веб-стандарты analitikasi

Веб-стандарты (@webstandards_ru) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 13 991 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 9 204-o'rinni va Rossiya mintaqasida 47 646-o'rinni egallagan.

📊 Auditoriya ko‘rsatkichlari va dinamika

невідомо sanasidan buyon loyiha tez o‘sib, 13 991 obunachiga ega bo‘ldi.

05 Iyun, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni 7 ga, so‘nggi 24 soatda esa -1 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.

Tasdiqlash holati: Tasdiqlanmagan
Jalb etish (ER): Auditoriya o‘rtacha 29.26% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 14.48% ini tashkil etuvchi reaksiyalarni to‘playdi.
Post qamrovi: Har bir post o‘rtacha 4 094 marta ko‘riladi; birinchi sutkada odatda 2 026 ta ko‘rish yig‘iladi.
Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 25 ta reaksiya keladi.
Tematik yo‘nalishlar: Kontent css, chrome, html, api, javascript kabi asosiy mavzularga jamlangan.

📝 Tavsif va kontent siyosati

Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru”

Yuqori yangilanish chastotasi (oxirgi ma’lumot 06 Iyun, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.

13 991

Obunachilar

-124 soatlar

-117 kunlar

+730 kunlar

4 094

Post ko'rishlar

~ 2 02624 soatlar

~ 2 40948 soatlar

29.26%

Muloqot nisbati

~ 1

Kuniga postlar

Ads index

beta

Postlar arxiv

13 990

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

13 990

Новинки 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

13 990

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

13 990

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

13 990

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

13 990

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

13 990

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

13 990

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

13 990

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/

13 990

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

13 990

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

13 990

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

13 990

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

13 990

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

13 990

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

13 990

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

13 990

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

13 990

Новинки 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

13 990

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

13 990

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