Веб-стандарты
LightNews LightNews
banner
web-standards.ru
Веб-стандарты
@web-standards.ru
150 followers 0 following 170 posts
Новости фронтенда и еженедельный подкаст. Ведущие: Вадим Макеев, Алексей Симоненко, Никита Дубко, Андрей Мелихов, Полина Гуртовая.

https://web-standards.ru/
Posts Replies Media Videos
web-standards.ru
HTML-атрибут popover на практике. Мануэль Матузович показывает, как использовать режимы auto, manual и hint, позиционировать рядом с кнопкой и использовать JavaScript, чтобы управлять всплывающими блоками и не мешать доступности. #html #a11y

youtu.be/KX8YQW7stzs
HTMHell #5. The popover attribute.
November 24, 2025 at 11:01 AM
web-standards.ru
Выпуск №502. Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Никита Дубко про отчёты с TPAC и TC39, расписание на CSS, URL как состояние, компоненты тултипов и что Фаулер думает про AI.

Лайв youtu.be/5YDuh86-jYc
Слушайте youtu.be/IMcSZh5Cqyk
Ссылки web-standards.ru/podcast/502/
Веб-стандарты: Вадим, Андрей, Алексей, Никита.
November 24, 2025 at 10:04 AM
web-standards.ru
Тестирование веб-компонентов в Light DOM проще, чем кажется. Херардо Родригес показывает, как Vitest, Lit и Testing Library упрощают проверку событий, форм и доступности. #js #webcomponents #testing

cloudfour.com/thinks/testi...
Light-dom-component: render → DOM, a11y, events.
November 21, 2025 at 11:00 AM
web-standards.ru
Совершенствуем Baseline для реальной разработки. Патрик Броссет о том, как группа WebDX работает над улучшением базовых статусов: сигналы доступности, маппинг с другими браузерами, полифилы, прогрессивное улучшение и новые инструменты. #baseline #tools

piccalil.li/blog/perfect...
November 20, 2025 at 11:00 AM
web-standards.ru
Многоуровневое расписание на современном CSS. Нильс Биндер объясняет, как grid, subgrid, round() и mod() помогают точно размещать доклады, выравнивать потоки и добавлять стики-индикаторы и скролл-анимации заголовков. #css #layout

9elements.com/blog/buildin...
Building a multi-stage timetable with modern CSS.
November 19, 2025 at 11:48 AM
web-standards.ru
Внутреннее устройство карт кода для JavaScript. Манодж Вивек показывает, как VLQ-кодирование и структура карт позволяют DevTools точно сопоставлять минифицированный код с исходным. #js #devtools

www.polarsignals.com/blog/posts/2...
The inner workings of JavaScript source maps. Original source location. Spiraling arrow. Production bundle.
November 18, 2025 at 11:00 AM
web-standards.ru
Полное руководство по . Олли Уильямс рассказывает про удаление стрелок, атрибуты step/min/max, локализацию и лучшие практики. #html #a11y

olliewilliams.xyz/blog/guide-t...
November 17, 2025 at 11:00 AM
web-standards.ru
Выпуск №501. Никита Дубко и Андрей Мелихов про Firefox 145, Safari 26.1 и Interop, как AI нравится TypeScript, дела у Baseline и историю Val Town.

Лайв на Ютубе youtu.be/5nHfHlV5E1U
Слушайте на Ютубе youtu.be/AifDZmRpO6I
Ссылки на сайте web-standards.ru/podcast/501/
Веб-стандарты: Никита и Андрей.
November 17, 2025 at 9:07 AM
web-standards.ru
Девятнадцать докладов с конференции CascadiaJS 2025 про GPT в браузере, совместное редактирование, большие данные, фреймворки, ИИ‑приложения, состояние React, CSS, клиентские агенты, GPT‑5, монетизацию, новые UI‑модели и другое. #js #video

www.youtube.com/playlist?lis...
CascadiaJS. Cascadiajs.com/2025.
November 14, 2025 at 11:01 AM
web-standards.ru
Простые поля для одноразовых кодов. Тайлер Стика объясняет, как сделать удобную и доступную форму OTP только на HTML — без JS и лишних зависимостей. #html #a11y

cloudfour.com/thinks/simpl...
Verify Account. Enter the 6-digit numeric code: 987___. Simple one-time passcode inputs.
November 13, 2025 at 11:01 AM
web-standards.ru
Новинки Firefox 145 для разработчиков. Добавлены text-autospace, шрифт math, Atomics.waitAsync(), Integrity-Policy, Matroska и экспериментальные Anchor Positioning и Trusted Types. #browser #firefox

developer.mozilla.org/en-US/docs/M...
Firefox 145.
November 12, 2025 at 11:00 AM
web-standards.ru
Незаслуженно забытый . Ден Оделл напоминает, как малоизвестный элемент озвучивает изменения через role="status", связывается через for="" и отлично поддерживается всеми браузерами. #html #a11y

denodell.com/blog/html-be...
Output. HTML’s best kept secret.
November 11, 2025 at 11:02 AM
web-standards.ru
, современный компонент Адама Аргайла для выбора цвета. Компонент определяет, входит ли цвет в sRGB/P3/Rec2020, конвертирует между sRGB, HSL, LAB, LCH, OKLCH, использует Color.js, Preact Signals и CSS parts и требует Popover API.

color-input.netlify.app
Сolor-input. A modern color picker web component with wide-gamut support.
November 10, 2025 at 11:00 AM
web-standards.ru
Выпуск №500. Андрей Мелихов, Полина Гуртовая, Вадим Макеев, Никита Дубко, Алексей Симоненко про новости по-английски, перемены за 100 выпусков, как пишем код в 2025, что нас бесит и что будет в 600-м.

Лайв youtu.be/-a_6nWVQoxo
Слушайте youtu.be/TfwfckpZKlo
Ссылки web-standards.ru/podcast/500/
Веб-стандарты: Андрей, Полина, Вадим, Никита, Алексей.
November 10, 2025 at 7:13 AM
web-standards.ru
Сворачиваемые секции, которые можно найти с hidden=until-found. Нейтан Ноулер объясняет, как сделать скрытый контент доступным для поиска с новым HTML-атрибутом. #html #a11y

knowler.dev/blog/searcha...
Searchable, collapsible sections with hidden=until-found. Nathan Knowler.
November 7, 2025 at 11:01 AM
web-standards.ru
Директивы и рамки платформы. Таннер Линсли предупреждает, что кастомные директивы вроде use client и use server размывают границу между платформой и фреймворками, призывая перейти к API и стандартам. #js

tanstack.com/blog/directi...
Directives and the platform boundary. Use carefully. Tanstack.
November 6, 2025 at 11:49 AM
web-standards.ru
Harmonizer — генератор доступных палитр от Evil Martians. Плагин Figma и веб-приложение, использующие OKLCH и формулы WCAG или APCA для гармоничных цветов в светлых и тёмных темах. #design #a11y

harmonizer.evilmartians.com
АРСА or WCAG contrast formula. Consistent contrast across all hues. P3 support. Auto-generated color names. Developer export: Tailwind and CSS vars.
November 5, 2025 at 10:21 AM
web-standards.ru
Новинки WebKit для Safari 26.1. Поддержано множество новых CSS-единиц измерения в SVG, улучшен Anchor Positioning для более стабильной раскладки и исправлены десятки ошибок в CSS и рендеринге. #browser #safari

webkit.org/blog/17541/w...
WebKit Features for Safari 26.1
November 4, 2025 at 11:00 AM
web-standards.ru
setHTML(), Trusted Types и Sanitizer API. Олли Уильямс рассказывает, как эти API защищают от XSS, безопасно вставляя HTML и применяя Trusted Types. Уже поддерживаются в Firefox Nightly и Chrome Canary. #security #html

olliewilliams.xyz/blog/sanitiz...
Oct 29, 2025. setHTML(), Trusted Types and the Sanitizer API. olliewilliams.xyz
November 3, 2025 at 1:07 PM
web-standards.ru
Выпуск №499. Никита Дубко и Алексей Симоненко про Chrome 142, HTTPS по умолчанию, ESM в 2026, перфоманс фреймворков и регуляцию React.

Лайв на Ютубе youtu.be/71qbTv0yRyI
Слушайте на Ютубе youtu.be/hHzj3oG7ISY
Ссылки на сайте web-standards.ru/podcast/499/
Веб-стандарты: Никита и Алексей.
November 3, 2025 at 8:24 AM
web-standards.ru
Идеальные всплывающие подсказки. Темани Афиф объясняет, как построить переворачивающиеся тултипы с хвостиком с помощью CSS Anchor Positioning — без JS, работающие в Chrome, Edge и Safari. #css

frontendmasters.com/blog/perfect...
Perfectly pointed tooltips: a foundation
October 31, 2025 at 1:10 PM
web-standards.ru
Chrome 142 добавил синтаксис диапазонов в CSS, атрибут interestfor для кнопок и ссылок, единый рендеринг , поддержку download в SVG, улучшения WebGPU и FedCM, ограничение для доступа к локальной сети и многое другое. #browser #chrome

developer.chrome.com/release-note...
web-standards.ru
Одно и то же приложение 10 раз. Лорен Стюарт сравнил 10 метафреймворков: Marko, SolidStart, SvelteKit, Qwik и Nuxt дают FCP 35–39 мс при бандлах 28–176 КБ. У React архитектурный потолок: даже TanStack Start с React вдвое тяжелее Solid. #js #perf

www.lorenstew.art/blog/10-kanb...
I built the same app 10 times: evaluating frameworks for mobile performance
October 29, 2025 at 11:02 AM
web-standards.ru
Отказ от XSLT в браузерах. Chrome планирует удалить XSLT — технологию трансформации XML — в связи с низким использованием и высокими рисками безопасности. Депрекация начнётся в 143-й версии, а полное удаление в 155-й. WHATWG, Firefox и Safari выразили поддержку.

groups.google.com/a/chromium.o...
Intent to Deprecate and Remove: Deprecate and remove XSLT
October 28, 2025 at 11:01 AM
web-standards.ru
Выпуск №498. Андрей Мелихов, Полина Гуртовая, Вадим Макеев, Алексей Симоненко про Privacy Sandbox, React Compiler, интерактивные элементы, import или fetch, ChatGPT Atlas и ARIA.

Лайв на Ютубе youtu.be/gqaj_UeUxoA
Слушайте на Ютубе youtu.be/rzVPyCdNBi8
Ссылки на сайте web-standards.ru/podcast/498/
Веб-стандарты: Андрей, Полина, Вадим, Алексей.
October 27, 2025 at 9:22 AM