Веб-стандарты
رفتن به کانال در Telegram
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
نمایش بیشتر📈 تحلیل کانال تلگرام Веб-стандарты
کانال Веб-стандарты (@webstandards_ru) در بخش زبانی روسی بازیگری فعال است. در حال حاضر جامعه شامل 13 979 مشترک است و جایگاه 9 080 را در دسته فناوری و برنامهها و رتبه 47 047 را در منطقه روسيا دارد.
📊 شاخصهای مخاطب و پویایی
از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 13 979 مشترک جذب کرده است.
بر اساس آخرین دادهها در تاریخ 27 ژوئیه, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر 29 و در ۲۴ ساعت گذشته برابر 2 بوده و همچنان دسترسی گستردهای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 30.46% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 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)، کانال همواره بهروز و دارای دسترسی بالاست. تحلیلها نشان میدهد مخاطبان بهطور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته فناوری و برنامهها تبدیل کردهاند.
13 979
مشترکین
+224 ساعت
+107 روز
+2930 روز
آرشیو پست ها
13 980
Cross-Origin Storage API: не скачиваем одно и то же дважды. Деннис Морелло разбирает предложенный стандарт, который хранит и отдаёт большие файлы по их SHA-256-хешу вместо URL, создавая общий кеш для разных сайтов. Единственный метод
requestFileHandle() возвращает файл, если он есть, либо скачивает и сохраняет. Приватность встроена: нельзя перечислить файлы, ответы «не найдено» намеренно неоднозначны, а для общих файлов есть публичный список хешей. #performance #browser
https://morello.dev/blog/cross-origin-storage-api13 980
Доступное модальное окно на нативном <dialog>. Агустин Барриентос использует
showModal(), чтобы получить из коробки перехват фокуса, закрытие по Escape и возврат фокуса, а затем оборачивает всё в переиспользуемый Lit-компонент с типизированными событиями. Он задаёт начальный фокус, добавляет light-dismiss через атрибут closedby, анимирует псевдоклассом :open и @starting-style и уважает prefers-reduced-motion. #dialog #a11y
https://agustinbarrientos.com/writing/senior-eye/accessible-modal-dialog/13 980
Перестраиваем вёрстку турнирной таблицы FIFA на CSS-сабгридах. Ахмад Шадид пересобирает сетку чемпионата мира с чистым DOM, отказавшись от обёрток-костылей на сайте. CSS-гриды задают колонки и строки, сабгриды позволяют вложенным матчам наследовать дорожки родителя, а отрицательные номера линий вроде
grid-column: -2 дают гибкость. Флексы центрируют матчи по вертикали, а выражения от контейнера подстраивают вёрстку под доступное место. #css #layout
https://ishadeed.com/article/fifa-layout/13 980
Новинки 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/15313 980
SVG-фильтры для текста. Кармен Ансио показывает, как примитивы SVG-фильтров воссоздают исторические типографские эффекты:
feMorphology рисует настоящую внешнюю обводку, наложенные слои feOffset придают буквам объём, feSpecularLighting имитирует свет на рельефе, а feDisplacementMap с feTurbulence органично искажает текст. Она собирает золочёные буквицы, хроматические сдвиги, неоновое свечение и слияние букв, с заметками о sRGB и производительности. #svg #typography
https://www.carmenansio.com/articles/svg-filters-on-type/13 980
Играем с text-fit. Крейн Хутмер исследует новое CSS-свойство
text-fit, закрывая пробелы в документации. Оно масштабирует текст автоматически: grow увеличивает от базового размера, shrink уменьшает, чтобы вписать в контейнер. Режимы позволяют масштабировать всё вместе, построчно или построчно с последней строкой, а проценты задают минимум и максимум. Свойство влияет только на отрисовку, поэтому вычисленный font-size не меняется. Пока только в Chrome 150. #css #typography
https://krijnhoetmer.nl/log/2026/07/playing-with-text-fit13 980
00:01:15 Скилы для внедрения passkeys
00:26:57 Как работает text-fit
00:45:04 Нужны ли ещё сборщики
01:16:32 Доступность как сопротивление
13 980
Выпуск №536. Вадим Макеев и Алексей Симоненко про скилы для внедрения passkeys, как работает
text-fit, нужны ли ещё сборщики и доступность как сопротивление.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте13 980
Нужны ли ещё инструменты сборки? Олли Уильямс разбирает, оправдывают ли себя фронтенд-инструменты в 2026 году. Браузерные префиксы и Sass уходят в прошлое: CSS получил вложенность, кастомные свойства и цветовые функции, но бандлинг и минификация всё ещё полезны для сжатия и меньшего числа запросов. В JS предзагрузка модулей заменяет бандлинг в небольших проектах, транспайлеры по умолчанию выдают современный код, а JSDoc даёт типы без сборки. #tools #js
https://olliewilliams.xyz/blog/no-build/
13 980
Вышел 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/13 980
Shaders — дизайн-платформа для WebGPU-эффектов. Создавайте анимированные фоны, оверлеи, стеклянные поверхности, 3D-фигуры и текст как декларативные компоненты для React, Vue, Svelte, Solid, JavaScript и Framer. Визуальный редактор с бесконечным холстом позволяет собирать и настраивать эффекты без кода шейдеров. Недавняя v3 добавила более быстрый движок и уменьшила размер бандлов. #component #animation
https://shaders.com/
13 980
В защиту полифилов. Лия Веру спорит с мнением, что полифилы вредят веб-платформе. Она объясняет, что потребность в фолбеках никуда не денется, а запрет лишь плодит худший разрозненный код по всему проекту. Стандартные API отделяют код от спецификации, поэтому библиотеки легко заменяются. Настоящая проблема — медленный процесс стандартизации, который ждёт интереса браузеров вместо того, чтобы реагировать на явную потребность разработчиков. #polyfill #tools
https://lea.verou.me/blog/2026/polyfills/
13 980
State of Devs 2026. Саша Грейф и Devographics снова открыли опрос обо всём, что не связано с кодом: о здоровье, хобби, карьере, деньгах и сообществе. Он затрагивает те стороны жизни разработчиков, которые редко попадают в технические опросы: баланс работы и жизни, ментальное здоровье, зарплаты и удалённую работу. Опрос займёт около 15 минут и поможет составить более полную и разнообразную картину сообщества. #stateof #survey
https://survey.devographics.com/en-US/survey/state-of-devs/2026
13 980
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: будущее
13 980
Выпуск №535. Никита Дубко, Вадим Макеев, Полина Гуртовая и Дэн Абрамов про State of Devs 2026, TypeScript 7.0 и AT Protocol.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 980
Что нового в 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/13 980
Введение в 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/13 980
Представляем Baseline Alerts. Джереми Вагнер рассказывает о новой системе уведомлений в дэшборде Web Platform Status, которая сообщает об изменении статуса поддержки веб-фич в браузерах. Войдите через GitHub, чтобы отслеживать фичи и получать оповещения по email, RSS или в Slack, когда они становятся Newly или Widely available. Настройте частоту, сохраняйте поиски как персональные рассылки и делитесь результатами по ссылке или QR-коду. #baseline #interop
https://web.dev/blog/baseline-alerts
13 980
Плавные переходы фона по времени суток с Temporal и CSS color-mix. Софи Кунин связывает время дня с четырьмя стадиями (рассвет, день, закат и ночь), у каждой своя палитра. Temporal API считывает текущее время, а
color-mix() плавно смешивает цвета соседних стадий во время переходов. Сдвиг анимируется через зарегистрированные кастомные свойства, с фолбеком на @supports и полифилом для Safari. #temporal #color
https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/13 980
Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера
<select> с помощью CSS anchor positioning: чтобы он не касался краёв вьюпорта, не сжимался слишком сильно и не становился слишком высоким. Он показывает, как calc-size() сочетает внутренние размеры вроде fit-content и stretch с ограничениями min(), плюс фолбеки через @supports для Firefox и Safari. #css #anchor
https://jakearchibald.com/2026/goldilocks-select-height/