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

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

الذهاب إلى القناة على Telegram

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

إظهار المزيد

📈 نظرة تحليلية على قناة تيليجرام Веб-стандарты

تُعد قناة Веб-стандарты (@webstandards_ru) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 13 991 مشتركاً، محتلاً المرتبة 9 204 في فئة التكنولوجيات والتطبيقات والمرتبة 47 646 في منطقة روسيا.

📊 مؤشرات الجمهور والحراك

منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 13 991 مشتركاً.

بحسب آخر البيانات بتاريخ 05 يونيو, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار 7، وفي آخر 24 ساعة بمقدار -1، مع بقاء الوصول العام مرتفعاً.

  • حالة التحقق: غير موثّقة
  • معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 29.26‎%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 14.48‎% من ردود الفعل نسبةً إلى إجمالي المشتركين.
  • وصول المنشورات: يحصل كل منشور على متوسط 4 094 مشاهدة. وخلال اليوم الأول يجمع عادةً 2 026 مشاهدة.
  • التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 25.
  • الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل css, chrome, html, api, javascript.

📝 الوصف وسياسة المحتوى

يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru

بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 06 يونيو, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.

13 991
المشتركون
-124 ساعات
-117 أيام
+730 أيام
أرشيف المشاركات
Спецификация для веб-сайтов. Йост де Валк опубликовал универсальную спецификацию технических возможностей, которыми должен об
Спецификация для веб-сайтов. Йост де Валк опубликовал универсальную спецификацию технических возможностей, которыми должен обладать качественный сайт. Документ охватывает основы и семантический 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 Браузерные патчи для сайтов