Веб-стандарты
الذهاب إلى القناة على Telegram
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
إظهار المزيد📈 نظرة تحليلية على قناة تيليجرام Веб-стандарты
تُعد قناة Веб-стандарты (@webstandards_ru) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 13 846 مشتركاً، محتلاً المرتبة 8 899 في فئة التكنولوجيات والتطبيقات والمرتبة 46 441 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 13 846 مشتركاً.
بحسب آخر البيانات بتاريخ 06 أكتوبر, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -89، وفي آخر 24 ساعة بمقدار 1، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 26.81%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 14.33% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 3 713 مشاهدة. وخلال اليوم الأول يجمع عادةً 1 984 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 20.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل css, chrome, html, api, javascript.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“Новости фронтенда и еженедельный подкаст.
Простой способ сказать спасибо и попасть в закрытый чат:
— Патреон https://www.patreon.com/webstandards_ru
— Бусти https://boosty.to/webstandards_ru”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 07 أكتوبر, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
13 846
المشتركون
+124 ساعات
-257 أيام
-8930 أيام
أرشيف المشاركات
13 845
Пламени нужны три синусоиды. Кармен Ансио разбирает анимацию спички на канвасе: от карандашных набросков до кода. Пламя состоит из трёх капель, нарисованных через
quadraticCurveTo, которые качаются тем меньше, чем ближе к основанию. Одна синусоида похожа на маятник, а три с разными частотами дают живое мерцание, которое повторяется только через 21 секунду. Фазы зажигания, горения и затухания управляются конечным автоматом с учётом prefers-reduced-motion. #animation #js
https://www.carmenansio.com/articles/matchstick-flame-canvas/13 845
Передаём sibling-count() родительскому элементу. Темани Афиф показывает, как родителю узнать, сколько у него детей. Функция
sibling-count() считает соседей, а не детей, поэтому он добавляет лишний элемент шириной в sibling-count() и с помощью анимаций по скроллу, view-timeline и timeline-scope превращает её в переменную --n на родителе. Пригодится для счётчиков, почти квадратных сеток с sqrt() и круговых раскладок. Пока только в Chrome и Edge. #css #scroll
https://blog.master.dev/transferring-sibling-count-to-a-parent-element/13 845
Developer Signals: влияйте на то, что браузеры сделают дальше. Рик Вискоми запустил инструмент, где можно посмотреть 354 будущие веб-фичи, отфильтровать их по поддержке в браузерах и проголосовать за нужные. Есть два направления: вечнозелёные фичи и предложения для Interop 2027. Голоса и сценарии использования через GitHub попадают прямо в репозиторий группы WebDX, чтобы помочь браузерам расставить приоритеты. #interop #browser
https://developer-signals.dev
13 845
Выпуск №547. Никита Дубко, Вадим Макеев и Алексей Симоненко про новинки Firefox 157, стилизацию тултипов и State of Devs.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 845
Кризис среднего возраста у JavaScript. Марун Байдун разбирает, как Rust, Go и Zig захватывают инструменты JavaScript. Пока линтеры и форматтеры были на том же языке, что и код, любой мог их отладить и починить. Бандлер, переписанный на Rust, быстрее, но поддерживать его могут меньше людей. Мы компилируем JavaScript на Rust, чтобы получить JavaScript для движка, написанного в основном на C++, то есть прокладываем всё более быстрые рельсы для медленного поезда. #js #tools
https://maroun-baydoun.com/blog/javascript-midlife-crisis/
13 845
Результаты опроса State of Devs 2026. Саша Грейф и Devographics опросили 5463 разработчиков обо всём, кроме кода. Главные проблемы на работе связаны с менеджментом, а 62% сталкивались с выгоранием. Большинство пишет основную часть кода с помощью AI, но мнения о нём разделились поровну, и лишь 23% считают, что он хорошо повлиял на их ментальное состояние. Больше всего беспокоит изменение климата, а об индустрии говорят с усталостью и разочарованием. #stateof #survey
https://2026.stateofdevs.com/en-US/
13 845
Новинки Firefox 157 для разработчиков. Функция
at-rule() в @supports проверяет поддержку директивы, например at-rule(@scope), и работает в функции supports() директивы @import. У свойств overscroll-behavior появилось значение chain: прокрутка передаётся другой прокручиваемой области, но без стандартного отскока. Animation.reverse() теперь запускает анимацию с playbackRate 0. За флагами: ML-KEM в Web Crypto и опция navigate у уведомлений. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/15713 845
Как ускорить сайт, отправляя больше CSS. В блоге GitHub Джош Блэк и Мари Лукка рассказывают, как дизайн-система Primer перешла с CSS-in-JS на CSS-модули. Пропс
sx создавал рантайм-нагрузку, которая росла с числом компонентов на странице, поэтому команда выкатывала обе версии за флагами и сравнивала скриншоты визуальных тестов. Итог: серверный рендеринг страницы стал быстрее на 55%, а инициализация компонентов — на 25%. #css #performance
https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/13 845
Новинки Chrome 154. Новое свойство
text-decoration-inset задаёт, где начинаются и заканчиваются подчёркивания, надчёркивания и зачёркивания, а отрицательные значения выводят их за пределы текста. У свойства scroll-marker-group появились режимы links и tabs, которые задают порядок фокуса и ARIA-семантику маркеров прокрутки. Элемент <iframe> умеет подстраиваться под контент через frame-sizing, а в JavaScript появился Iterator.includes(). #chrome #browser
https://developer.chrome.com/release-notes/15413 845
00:01:30 Настройка таблиц MDN
00:07:39 Новинки Chrome 154
00:56:53 Параметры для SVG
01:14:44 Хорошие сайты от ИИ
01:32:57 Будущее браузеров
13 845
Выпуск №546. Алексей Симоненко, Вадим Макеев и Никита Дубко про настройку таблиц MDN, новинки Chrome 154, параметры для SVG, хорошие сайты от ИИ и будущее браузеров.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 845
Ситуативные отношения браузеров: когда браузеры согласны, а спецификация нет. Ракхи Шарма разбирает, что происходит, если Chrome, Firefox и Safari делают одно, а спецификация описывает другое. Иногда чинят браузеры, а иногда правят спецификацию: так вышло с нормализацией переводов строк при отправке форм. WHATWG, Web Platform Tests и Compatibility Standard ведут всех к общему поведению. #browser #interop
https://www.atbrakhi.dev/blog/browsers-situationship
13 845
Один SVG, девять постеров: свойство link-parameters. Вадим Макеев пробует новую спецификацию CSS Linked Parameters: она работает в Firefox Nightly и за флагом в Safari TP. В SVG-файле вместо значения
env(--color, фолбек), а страница передаёт своё через link-parameters: param(--color, coral). Постер Уорхола в SVG, вставленный девять раз как <img>, раскрашивается по-разному из одного закешированного файла. #css #svg
https://pepelsbey.dev/articles/svg-link-params/13 845
Корневой скроллер и как его не потерять. Килиан Валкхоф объясняет, что умеет главный скролл-контейнер страницы: восстанавливает позицию скролла, слушает пробел и стрелки, а на мобильных прячет адресную строку и даёт pull-to-refresh. Обёртка с фиксированной высотой и
overflow его подменяет, и это выдаёт window.scrollY, застрявший на нуле. У полноэкранных макетов, стики-шапок и блокировки прокрутки есть решения, сохраняющие скролл страницы. #css #scroll
https://polypane.app/blog/the-root-scroller-and-how-not-to-lose-it/13 845
Адаптивные iframe в Chrome 154. Себастьян Бенц и Брамус Ван Дамм рассказывают о свойстве
frame-sizing: встроенный фрейм сам растёт под свой контент, без передачи высоты через postMessage. Встраивающая страница задаёт frame-sizing: content-height, а встроенный документ разрешает это элементом <meta>, где можно ограничить список источников. После изменения контента новый замер запрашивают через window.requestResize(). Пока за флагами в Chrome и Edge. #html #css
https://developer.chrome.com/blog/responsive-iframes13 845
Выравниваем иконки и подписи. Ахмад Шадид начинает со списка, где
align-items: center сбивается, стоит подписи перенестись на вторую строку, а align-items: start поднимает иконку слишком высоко из-за строчного бокса. Помогает единица lh: половина разницы между строкой и размером иконки задаётся как смещение через translateY и работает при любом размере шрифта. Фоновым иконкам на псевдоэлементах нужна пара дополнительных объявлений. #css #layout
https://ishadeed.com/article/aligning-list-icons/13 845
00:01:22 Новинки Firefox 156
00:14:44 Релиз Safari 27
01:06:33 Выравнивание иконок
01:17:58 Боковые сноски
01:30:29 Аргументы против JPEG XL
13 845
Выпуск №545. Полина Гуртовая, Вадим Макеев и Алексей Симоненко про новинки Firefox 156, релиз Safari 27, выравнивание иконок, боковые сноски и аргументы против JPEG XL.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 845
Сноски на полях с помощью CSS anchor positioning. Венсан Берна связывает знак сноски и саму заметку через
anchor-name и position-anchor, оба значения берутся из дата-атрибутов типизированным attr(). Каждая заметка встаёт напротив своего знака сноски, а если мешает предыдущая, то max() из двух значений anchor() опускает её строкой ниже. На узких экранах и в старых браузерах сноски остаются под абзацем приглушённым цветом. #css #anchor
https://vincent.bernat.ch/en/blog/2026-css-sidenotes