Веб-стандарты
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
Показати більше📈 Аналітичний огляд Telegram-каналу Веб-стандарты
Канал Веб-стандарты (@webstandards_ru) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 13 980 підписників, посідаючи 9 080 місце в категорії Технології та додатки та 47 047 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 13 980 підписників.
За останніми даними від 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), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
Триває завантаження даних...
| Дата | Залучення підписників | Згадування | Канали | |
| 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 |
requestFileHandle() возвращает файл, если он есть, либо скачивает и сохраняет. Приватность встроена: нельзя перечислить файлы, ответы «не найдено» намеренно неоднозначны, а для общих файлов есть публичный список хешей. #performance #browser
https://morello.dev/blog/cross-origin-storage-api| 2 | Доступное модальное окно на нативном <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 685 |
| 3 | Перестраиваем вёрстку турнирной таблицы FIFA на CSS-сабгридах. Ахмад Шадид пересобирает сетку чемпионата мира с чистым DOM, отказавшись от обёрток-костылей на сайте. CSS-гриды задают колонки и строки, сабгриды позволяют вложенным матчам наследовать дорожки родителя, а отрицательные номера линий вроде grid-column: -2 дают гибкость. Флексы центрируют матчи по вертикали, а выражения от контейнера подстраивают вёрстку под доступное место. #css #layout
https://ishadeed.com/article/fifa-layout/ | 3 409 |
| 4 | Новинки 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 430 |
| 5 | SVG-фильтры для текста. Кармен Ансио показывает, как примитивы SVG-фильтров воссоздают исторические типографские эффекты: feMorphology рисует настоящую внешнюю обводку, наложенные слои feOffset придают буквам объём, feSpecularLighting имитирует свет на рельефе, а feDisplacementMap с feTurbulence органично искажает текст. Она собирает золочёные буквицы, хроматические сдвиги, неоновое свечение и слияние букв, с заметками о sRGB и производительности. #svg #typography
https://www.carmenansio.com/articles/svg-filters-on-type/ | 3 410 |
| 6 | Играем с text-fit. Крейн Хутмер исследует новое CSS-свойство text-fit, закрывая пробелы в документации. Оно масштабирует текст автоматически: grow увеличивает от базового размера, shrink уменьшает, чтобы вписать в контейнер. Режимы позволяют масштабировать всё вместе, построчно или построчно с последней строкой, а проценты задают минимум и максимум. Свойство влияет только на отрисовку, поэтому вычисленный font-size не меняется. Пока только в Chrome 150. #css #typography
https://krijnhoetmer.nl/log/2026/07/playing-with-text-fit | 3 147 |
| 7 | 00:01:15 Скилы для внедрения passkeys
00:26:57 Как работает text-fit
00:45:04 Нужны ли ещё сборщики
01:16:32 Доступность как сопротивление | 3 214 |
| 8 | Выпуск №536. Вадим Макеев и Алексей Симоненко про скилы для внедрения passkeys, как работает text-fit, нужны ли ещё сборщики и доступность как сопротивление.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 3 171 |
| 9 | Нужны ли ещё инструменты сборки? Олли Уильямс разбирает, оправдывают ли себя фронтенд-инструменты в 2026 году. Браузерные префиксы и Sass уходят в прошлое: CSS получил вложенность, кастомные свойства и цветовые функции, но бандлинг и минификация всё ещё полезны для сжатия и меньшего числа запросов. В JS предзагрузка модулей заменяет бандлинг в небольших проектах, транспайлеры по умолчанию выдают современный код, а JSDoc даёт типы без сборки. #tools #js
https://olliewilliams.xyz/blog/no-build/ | 4 154 |
| 10 | Вышел 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 470 |
| 11 | Shaders — дизайн-платформа для WebGPU-эффектов. Создавайте анимированные фоны, оверлеи, стеклянные поверхности, 3D-фигуры и текст как декларативные компоненты для React, Vue, Svelte, Solid, JavaScript и Framer. Визуальный редактор с бесконечным холстом позволяет собирать и настраивать эффекты без кода шейдеров. Недавняя v3 добавила более быстрый движок и уменьшила размер бандлов. #component #animation
https://shaders.com/ | 4 211 |
| 12 | В защиту полифилов. Лия Веру спорит с мнением, что полифилы вредят веб-платформе. Она объясняет, что потребность в фолбеках никуда не денется, а запрет лишь плодит худший разрозненный код по всему проекту. Стандартные API отделяют код от спецификации, поэтому библиотеки легко заменяются. Настоящая проблема — медленный процесс стандартизации, который ждёт интереса браузеров вместо того, чтобы реагировать на явную потребность разработчиков. #polyfill #tools
https://lea.verou.me/blog/2026/polyfills/ | 3 749 |
| 13 | State of Devs 2026. Саша Грейф и Devographics снова открыли опрос обо всём, что не связано с кодом: о здоровье, хобби, карьере, деньгах и сообществе. Он затрагивает те стороны жизни разработчиков, которые редко попадают в технические опросы: баланс работы и жизни, ментальное здоровье, зарплаты и удалённую работу. Опрос займёт около 15 минут и поможет составить более полную и разнообразную картину сообщества. #stateof #survey
https://survey.devographics.com/en-US/survey/state-of-devs/2026 | 4 391 |
| 14 | 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 369 |
| 15 | Выпуск №535. Никита Дубко, Вадим Макеев, Полина Гуртовая и Дэн Абрамов про State of Devs 2026, TypeScript 7.0 и AT Protocol.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте | 4 389 |
| 16 | Что нового в 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 809 |
| 17 | Введение в 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 775 |
| 18 | Представляем Baseline Alerts. Джереми Вагнер рассказывает о новой системе уведомлений в дэшборде Web Platform Status, которая сообщает об изменении статуса поддержки веб-фич в браузерах. Войдите через GitHub, чтобы отслеживать фичи и получать оповещения по email, RSS или в Slack, когда они становятся Newly или Widely available. Настройте частоту, сохраняйте поиски как персональные рассылки и делитесь результатами по ссылке или QR-коду. #baseline #interop
https://web.dev/blog/baseline-alerts | 4 287 |
| 19 | Плавные переходы фона по времени суток с 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/ | 3 894 |
| 20 | Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера <select> с помощью CSS anchor positioning: чтобы он не касался краёв вьюпорта, не сжимался слишком сильно и не становился слишком высоким. Он показывает, как calc-size() сочетает внутренние размеры вроде fit-content и stretch с ограничениями min(), плюс фолбеки через @supports для Firefox и Safari. #css #anchor
https://jakearchibald.com/2026/goldilocks-select-height/ | 4 264 |
