Веб-стандарты
Kanalga Telegram’da o‘tish
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
Ko'proq ko'rsatish📈 Telegram kanali Веб-стандарты analitikasi
Веб-стандарты (@webstandards_ru) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 13 979 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 9 080-o'rinni va Rossiya mintaqasida 47 047-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 13 979 obunachiga ega bo‘ldi.
27 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni 29 ga, so‘nggi 24 soatda esa 2 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 30.46% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 14.86% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 4 258 marta ko‘riladi; birinchi sutkada odatda 2 078 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 28 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent css, chrome, html, api, javascript kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Новости фронтенда и еженедельный подкаст.
Простой способ сказать спасибо и попасть в закрытый чат:
— Патреон https://www.patreon.com/webstandards_ru
— Бусти https://boosty.to/webstandards_ru”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 28 Iyul, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
13 979
Obunachilar
+224 soatlar
+107 kunlar
+2930 kunlar
Postlar arxiv
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/