Веб-стандарты
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
إظهار المزيد📈 نظرة تحليلية على قناة تيليجرام Веб-стандарты
تُعد قناة Веб-стандарты (@webstandards_ru) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 13 979 مشتركاً، محتلاً المرتبة 9 080 في فئة التكنولوجيات والتطبيقات والمرتبة 47 047 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 13 979 مشتركاً.
بحسب آخر البيانات بتاريخ 27 يوليو, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار 29، وفي آخر 24 ساعة بمقدار 2، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 30.46%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 14.86% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 4 258 مشاهدة. وخلال اليوم الأول يجمع عادةً 2 078 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 28.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل css, chrome, html, api, javascript.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“Новости фронтенда и еженедельный подкаст.
Простой способ сказать спасибо и попасть в закрытый чат:
— Патреон https://www.patreon.com/webstandards_ru
— Бусти https://boosty.to/webstandards_ru”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 28 يوليو, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
جاري تحميل البيانات...
| التاريخ | نمو المشتركين | الإشارات | القنوات | |
| 28 يوليو | +3 | |||
| 27 يوليو | +3 | |||
| 26 يوليو | +2 | |||
| 25 يوليو | +6 | |||
| 24 يوليو | +2 | |||
| 23 يوليو | +7 | |||
| 22 يوليو | +2 | |||
| 21 يوليو | +3 | |||
| 20 يوليو | +1 | |||
| 19 يوليو | +1 | |||
| 18 يوليو | +2 | |||
| 17 يوليو | +2 | |||
| 16 يوليو | +2 | |||
| 15 يوليو | +5 | |||
| 14 يوليو | +4 | |||
| 13 يوليو | +23 | |||
| 12 يوليو | +1 | |||
| 11 يوليو | +3 | |||
| 10 يوليو | +2 | |||
| 09 يوليو | +1 | |||
| 08 يوليو | +2 | |||
| 07 يوليو | +2 | |||
| 06 يوليو | +1 | |||
| 05 يوليو | +5 | |||
| 04 يوليو | +2 | |||
| 03 يوليو | +5 | |||
| 02 يوليو | +5 | |||
| 01 يوليو | +2 |
compileOptions позволяет использовать JS String Builtins с WebAssembly compileStreaming() и instantiateStreaming(), не переключаясь на непотоковую компиляцию. Плюс восемь багфиксов в CSS, сети, service workers, веб-расширениях и WebRTC. #safari #wasm
https://webkit.org/blog/18178/webkit-features-for-safari-26-6/| 2 | 00:01:23 Новинки Firefox 153
00:23:35 Cross-Origin Storage API
00:45:27 Тестирование перфоманса
01:24:19 Взлёт Base UI | 1 029 |
| 3 | Выпуск №537. Вадим Макеев, Полина Гуртовая, Лёша Красиков, Никита Дубко и Алексей Симоненко про новинки Firefox 153, Cross-Origin Storage API, тестирование перфоманса и взлёт Base UI.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 1 033 |
| 4 | Cross-Origin Storage API: не скачиваем одно и то же дважды. Деннис Морелло разбирает предложенный стандарт, который хранит и отдаёт большие файлы по их SHA-256-хешу вместо URL, создавая общий кеш для разных сайтов. Единственный метод requestFileHandle() возвращает файл, если он есть, либо скачивает и сохраняет. Приватность встроена: нельзя перечислить файлы, ответы «не найдено» намеренно неоднозначны, а для общих файлов есть публичный список хешей. #performance #browser
https://morello.dev/blog/cross-origin-storage-api | 2 236 |
| 5 | Доступное модальное окно на нативном <dialog>. Агустин Барриентос использует showModal(), чтобы получить из коробки перехват фокуса, закрытие по Escape и возврат фокуса, а затем оборачивает всё в переиспользуемый Lit-компонент с типизированными событиями. Он задаёт начальный фокус, добавляет light-dismiss через атрибут closedby, анимирует псевдоклассом :open и @starting-style и уважает prefers-reduced-motion. #dialog #a11y
https://agustinbarrientos.com/writing/senior-eye/accessible-modal-dialog/ | 2 992 |
| 6 | Перестраиваем вёрстку турнирной таблицы FIFA на CSS-сабгридах. Ахмад Шадид пересобирает сетку чемпионата мира с чистым DOM, отказавшись от обёрток-костылей на сайте. CSS-гриды задают колонки и строки, сабгриды позволяют вложенным матчам наследовать дорожки родителя, а отрицательные номера линий вроде grid-column: -2 дают гибкость. Флексы центрируют матчи по вертикали, а выражения от контейнера подстраивают вёрстку под доступное место. #css #layout
https://ishadeed.com/article/fifa-layout/ | 3 489 |
| 7 | Новинки Firefox 153 для разработчиков. Релиз добавляет методы Intl.Locale вроде getCalendars(), getWeekInfo() и getTextInfo(), свойство Error.stackTraceLimit, import source для JS-модулей, метод getAllRecords() для хранилищ и индексов IndexedDB, Picture-in-Picture для документов, интеграцию WebAssembly с JS-промисами через WebAssembly.Suspending и экспериментальное CSS-свойство link-parameters для передачи параметров в SVG. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/153 | 3 497 |
| 8 | SVG-фильтры для текста. Кармен Ансио показывает, как примитивы SVG-фильтров воссоздают исторические типографские эффекты: feMorphology рисует настоящую внешнюю обводку, наложенные слои feOffset придают буквам объём, feSpecularLighting имитирует свет на рельефе, а feDisplacementMap с feTurbulence органично искажает текст. Она собирает золочёные буквицы, хроматические сдвиги, неоновое свечение и слияние букв, с заметками о sRGB и производительности. #svg #typography
https://www.carmenansio.com/articles/svg-filters-on-type/ | 3 428 |
| 9 | Играем с text-fit. Крейн Хутмер исследует новое CSS-свойство text-fit, закрывая пробелы в документации. Оно масштабирует текст автоматически: grow увеличивает от базового размера, shrink уменьшает, чтобы вписать в контейнер. Режимы позволяют масштабировать всё вместе, построчно или построчно с последней строкой, а проценты задают минимум и максимум. Свойство влияет только на отрисовку, поэтому вычисленный font-size не меняется. Пока только в Chrome 150. #css #typography
https://krijnhoetmer.nl/log/2026/07/playing-with-text-fit | 3 283 |
| 10 | 00:01:15 Скилы для внедрения passkeys
00:26:57 Как работает text-fit
00:45:04 Нужны ли ещё сборщики
01:16:32 Доступность как сопротивление | 3 214 |
| 11 | Выпуск №536. Вадим Макеев и Алексей Симоненко про скилы для внедрения passkeys, как работает text-fit, нужны ли ещё сборщики и доступность как сопротивление.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 3 171 |
| 12 | Нужны ли ещё инструменты сборки? Олли Уильямс разбирает, оправдывают ли себя фронтенд-инструменты в 2026 году. Браузерные префиксы и Sass уходят в прошлое: CSS получил вложенность, кастомные свойства и цветовые функции, но бандлинг и минификация всё ещё полезны для сжатия и меньшего числа запросов. В JS предзагрузка модулей заменяет бандлинг в небольших проектах, транспайлеры по умолчанию выдают современный код, а JSDoc даёт типы без сборки. #tools #js
https://olliewilliams.xyz/blog/no-build/ | 4 187 |
| 13 | Вышел TypeScript 7.0. Дэниел Розенвассер представляет нативный порт на Go, который ускоряет полную сборку в 8–12 раз: компиляция VS Code сократилась со 125,7 до 10,6 секунды. Он распараллеливает работу через флаги --checkers и --builders, перестраивает отслеживание файлов на движке Parcel, снижает расход памяти на 6–26% и стабилизирует языковой сервер с падениями реже на 60%. Поддержка Vue, Astro и Angular ждёт стабильного API в 7.1. #js #tools
https://devblogs.microsoft.com/typescript/announcing-typescript-7-0/ | 4 495 |
| 14 | Shaders — дизайн-платформа для WebGPU-эффектов. Создавайте анимированные фоны, оверлеи, стеклянные поверхности, 3D-фигуры и текст как декларативные компоненты для React, Vue, Svelte, Solid, JavaScript и Framer. Визуальный редактор с бесконечным холстом позволяет собирать и настраивать эффекты без кода шейдеров. Недавняя v3 добавила более быстрый движок и уменьшила размер бандлов. #component #animation
https://shaders.com/ | 4 235 |
| 15 | В защиту полифилов. Лия Веру спорит с мнением, что полифилы вредят веб-платформе. Она объясняет, что потребность в фолбеках никуда не денется, а запрет лишь плодит худший разрозненный код по всему проекту. Стандартные API отделяют код от спецификации, поэтому библиотеки легко заменяются. Настоящая проблема — медленный процесс стандартизации, который ждёт интереса браузеров вместо того, чтобы реагировать на явную потребность разработчиков. #polyfill #tools
https://lea.verou.me/blog/2026/polyfills/ | 3 764 |
| 16 | State of Devs 2026. Саша Грейф и Devographics снова открыли опрос обо всём, что не связано с кодом: о здоровье, хобби, карьере, деньгах и сообществе. Он затрагивает те стороны жизни разработчиков, которые редко попадают в технические опросы: баланс работы и жизни, ментальное здоровье, зарплаты и удалённую работу. Опрос займёт около 15 минут и поможет составить более полную и разнообразную картину сообщества. #stateof #survey
https://survey.devographics.com/en-US/survey/state-of-devs/2026 | 4 432 |
| 17 | 00:01:23 Дэн Абрамов
00:03:50 State of Devs 2026
00:06:02 TypeScript 7.0
00:14:12 AT Protocol
00:33:15 ATProto: что это
01:04:42 ATProto: на практике
01:28:29 ATProto: будущее | 4 393 |
| 18 | Выпуск №535. Никита Дубко, Вадим Макеев, Полина Гуртовая и Дэн Абрамов про State of Devs 2026, TypeScript 7.0 и AT Protocol.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 4 413 |
| 19 | Что нового в ECMAScript 2026. Павел Гжибек разбирает возможности новой спецификации: Array.fromAsync, Error.isError(), Math.sumPrecise для точного суммирования чисел с плавающей точкой, конвертация Uint8Array в Base64 и Hex, Iterator.concat() для объединения итераторов, доступ к исходному тексту в JSON.parse и Map.getOrInsert() для вставки значений. #ecmascript #js
https://pawelgrzybek.com/whats-new-in-ecmascript-2026/ | 4 826 |
| 20 | Введение в anchor positioning в CSS. Джош Комо разбирает Anchor Positioning API, который позволяет привязывать тултипы и списки к элементам. Он показывает anchor-name, position-anchor и position-area для размещения, position-try-fallbacks для перестановки, когда не хватает места, и запросы от контейнера, чтобы переворачивать указатели. Ключевое слово flip-block даёт кроссбраузерную поддержку, плюс @supports и полифил для старых браузеров. #css #anchor
https://www.joshwcomeau.com/css/anchor-positioning/ | 4 788 |
