Веб-стандарты
Відкрити в Telegram
Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru
Показати більше📈 Аналітичний огляд Telegram-каналу Веб-стандарты
Канал Веб-стандарты (@webstandards_ru) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 13 918 підписників, посідаючи 8 892 місце в категорії Технології та додатки та 46 434 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 13 918 підписників.
За останніми даними від 15 вересня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -65, а за останні 24 години на -2, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 27.12%. Протягом перших 24 годин після публікації контент зазвичай збирає 13.93% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 3 774 переглядів. Протягом першої доби публікація в середньому набирає 1 939 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 20.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як css, chrome, html, api, javascript.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“Новости фронтенда и еженедельный подкаст.
Простой способ сказать спасибо и попасть в закрытый чат:
— Патреон https://www.patreon.com/webstandards_ru
— Бусти https://boosty.to/webstandards_ru”
Завдяки високій частоті оновлень (останні дані отримано 16 вересня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
13 918
Підписники
-224 години
-177 днів
-6530 днів
Архів дописів
13 918
Новинки Firefox 156 для разработчиков. Инспектор раскрывает шаги вычисления значения
var(), attr() и env(), прослеживая их до источника. Вызовы scheduler.yield() сохраняют приоритет и сигнал отмены, даже если await завершился синхронно. Promise.try() передаёт нативный промис как есть, а переменные using больше нельзя переприсваивать. За флагами: named-feature() в @supports и Container Timing API. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/15613 918
Главный поток браузера — дорогой ресурс. Сонхёп Ли напоминает: в одном потоке живут JavaScript, стили, лейаут, отрисовка и события, а на всё это — около 10 миллисекунд на кадр, на 120 Гц вдвое меньше. Тратить их можно с умом: дробить длинные задачи через
scheduler.yield(), объединять события дебаунсом и тротлингом, расставлять приоритеты и откладывать неважное. Или отдать работу композитору и воркерам. Всё показано на интерактивных демо. #performance #js
https://kciter.so/posts/the-expensive-main-thread/en/13 918
00:01:41 Новинки Chrome 153
00:22:09 MCP-сервер MDN
00:29:24 HTML-бойлерплейт
01:22:34 Цвета ярче белого
01:33:42 React 19.3
13 918
Выпуск №544. Никита Дубко, Лёша Красиков и Вадим Макеев про новинки Chrome 153, MCP-сервер MDN, HTML-бойлерплейт, цвета ярче белого и React 19.3.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 918
Сделайте логотип ярче белого. Крис Беннетт собрал инструмент, который превращает логотип в HDR-JPEG: выбранные цвета светятся до 7,5 раз ярче обычного белого на HDR-экранах, а во всех остальных случаях это совершенно обычная картинка. Лучше всего сияют светлые элементы на тёмном фоне. Ещё автор показывает, как красить текст такой картинкой через
background-clip: text внутри @media (dynamic-range: high). #color #image
https://www.soverybright.com/13 918
Новинки Chrome 153. Элементы
<camera> и <microphone> декларативно запрашивают захват видео и звука. Стилизация кнопки ограничена, а доступ можно вернуть после отказа. Теперь overflow принимает значения прокрутки рядом с clip, и overflow: scroll clip создаёт контейнер прокрутки по одной оси. Свойство scroll-axis-lock управляет диагональной прокруткой. В JavaScript появились Iterator.zip() и Iterator.zipKeyed() для объединения итераторов. #chrome #browser
https://developer.chrome.com/release-notes/15313 918
а почему у вас 525 и более старые выпуски не работают в apple podcasts? приходится на ютьюбе переслушивать
13 918
В HTML больше не нужен initial-scale. Деклан Чидлоу и Питер-Пол Кох с разницей в несколько часов пришли к одному выводу: в
<meta name="viewport"> достаточно width=device-width. Часть initial-scale=1 добавляли, чтобы починить зум в старых версиях iOS, а Safari теперь и без неё правильно пересчитывает вьюпорт при смене ориентации. Минус 19 байт в каждом документе. #html #browser
https://vale.rocks/micros/20260902-1350
https://quirksmode.org/quirksblog/2026/0902-initial.html13 918
Выражения от контейнера со style() и продвинутый attr(): новый способ связывать компоненты в CSS. Брехт Де Рюйте превращает HTML-атрибуты в типизированные значения CSS:
data-gap="2" на гриде становится attr(data-gap cqi, 2cqi) вместо утилитарного класса. Родитель задаёт data-density="compact", а выражения @container style() пересчитывают отступы, аватарки и типографику через один множитель --density-scale. Без классов-модификаторов, пропсов и JavaScript. #css #component
https://utilitybend.com/blog/container-style-queries-and-advanced-attr-rethinking-how-to-wire-up-my-components-in-css/13 918
Открыт приём заявок в Interop 2027. Предложить фичи можно до 23 сентября, а гайд объясняет, на что смотрят браузеры: нужна стабильная спецификация и тесты веб-платформы, которые автоматически проходят в Chrome, Edge, Firefox и Safari на wpt.fyi. Ещё учитывают, ломается ли что-то на реальных сайтах, спрос из опросов разработчиков и польза для доступности. Шаблонов два: направления фокуса для готовых фич и исследования для остальных. #interop #wpt
https://github.com/web-platform-tests/interop/blob/main/proposal_guide.md
13 918
00:01:22 Новинки Firefox 155
00:42:14 Предложения в Interop 2027
00:51:08 Top-level await в Safari
01:00:39 Ненужный initial-scale
01:18:54 Альфа TanStack Charts
01:29:06 Переключатели темы не нужны
13 918
Выпуск №543. Лёша Красиков, Полина Гуртовая и Никита Дубко про новинки Firefox 155, предложения в Interop 2027, top-level
await в Safari, ненужный initial-scale, альфу TanStack Charts и переключатели темы.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте13 918
Ну и ладно, напишу свой текстовый редактор! Дэвид Бушелл пробует три способа собрать редактор в браузере и показывает, чем приходится жертвовать. Канвас даёт полный контроль, но лишает выделения текста, истории отмен и вставки нескольких строк. Атрибут
contenteditable с плейн-текстом возвращает нативное редактирование и доступность, но тормозит после определённого числа символов. Быстрее всех оказался обычный <textarea> с подсветкой синтаксиса поверх. #html #performance
https://dbushell.com/2026/09/01/text-editor/13 918
Как определить неопределяемые возможности CSS через @supports named-feature(). Брамус Ван Дамм рассказывает о функции, которую рабочая группа CSS приняла для проверки того, что иначе не проверить. Запись
@supports (display: flex) and (gap: 1em) подтверждает только парсинг, но не то, что gap работает во флексах. Пока в спецификации два ключевых слова: anchor-position-follows-transforms и single-axis-scroll-container. #css #interop
https://www.bram.us/2026/08/27/feature-detecting-undetectable-css-features-with-supports-named-feature/13 918
Новинки Firefox 155 для разработчиков. Релиз расширяет функцию
attr() на любые CSS-свойства с единицами измерения и фолбеками, добавляет функции progress() и alpha(), переименовывает font-stretch в font-width и добавляет Promise.allKeyed() и Promise.allSettledKeyed(). В инструментах разработки появились панель эмуляции медиафич и поддержка JSON Lines. За флагами: анимации по скроллу и изолированные реестры кастомных элементов. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/15513 918
Как заставить агентов писать хороший CSS. Брехт Де Рюйте пробует Modern Web Guidance от Google — набор навыков, который передаёт агентам для кодинга экспертные рекомендации по платформе вместе с данными Baseline. Поиск через CLI подгружает только нужные руководства из 103 фич, а фолбеки каждую ночь проверяют тесты на Playwright. Набор не привязан к проекту, поэтому автор добавил три своих навыка: уровни токенов, темы и состояния компонентов. #ai #css
https://utilitybend.com/blog/modern-web-guidance-antigravity-and-my-own-design-token-skills/
13 918
Как выделить фрагмент текста внутри поля. Олли Уильямс показывает, как новый OpaqueRange распространяет CSS Custom Highlight API на поля ввода. Вызовите
createValueRange() у <textarea> или у <input> с типом text, password, search, tel или url, передайте результат в Highlight() и зарегистрируйте через CSS.highlights.set(). В ::highlight() доступны color, background-color, text-decoration и text-shadow. Работает в Chromium 152. #chrome #js
https://olliewilliams.xyz/blog/opaquerange/13 918
00:01:23 Новинки Chrome 152
00:47:04 Вычисление кастомных свойств
00:59:16 Виртуальные списки
01:23:17 Отказ от RSC
13 918
Выпуск №542. Лёша Красиков и Никита Дубко про новинки Chrome 152, вычисление кастомных свойств, виртуальные списки и отказ от RSC.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
13 918
Как ускорить длинный список: content-visibility или виртуализация. Агустин Барриентос сравнивает список из 50 тысяч карточек, отрисованный тремя способами. Свойство
content-visibility: auto вместе с contain-intrinsic-size оставляет все строки в DOM и пропускает рендеринг за пределами экрана, а виртуализация выкидывает строки из DOM и заодно забирает у браузера поиск по странице, ссылки-якоря, сохранение фокуса и состояние карточек. #performance #css
https://agustinbarrientos.com/writing/senior-eye/content-visibility-vs-virtualization/