Веб-стандарты

Под капотом нового фронтенда MDN. Лео Макардл рассказывает, как MDN заменил React на веб-компоненты и Lit, используя серверные компоненты для статики и ленивую загрузку интерактивных островов. #mdn #webcomponents developer.mozilla.org/en-US/blog/mdn…

Новинки Chrome 147. View transitions на элементах, CSS contrast-color(), border-shape для нестандартных рамок, Math.sumPrecise, интерфейс CSSPseudoElement, ограничения доступа к локальной сети и XML-парсер на Rust. #chrome #browser developer.chrome.com/release-notes/…

Как сделать так, чтобы вашей статьёй делились. Скотт Вандехей делится советами: OG-теги, изображение для шеринга, понятные заголовки, аннотация, канонический URL и дата публикации. #html #learn cloudfour.com/thinks/getting…

Что такое CSS containment и как его использовать? Гарри Робертс разбирает значения contain, сокращения content и strict, а также content-visibility. С примером из OpenTable, где containment ускорил раскладку в шесть раз. #css #performance csswizardry.com/2026/04/what-i…

Выпуск №521. Никита Дубко и Полина Гуртовая про Container Timing, другую пользу Pretext, партизанскую доступность и взлом Axios. Лайв на Ютубе youtu.be/An5QQ6yU_Xo Слушайте на Ютубе youtu.be/iFYh4FZVOJk Ссылки на сайте web-standards.ru/podcast/521/

Великое расширение CSS. Павел Лаптев рассматривает CSS-фичи, заменяющие JavaScript-библиотеки вроде Floating UI, Radix, GSAP и React Select, убирая до 322 КБ JavaScript. #css #performance blog.gitbutler.com/the-great-css-…

Squarespace и веб-стандарты: как мы помогли добавить ленивую загрузку видео и аудио в HTML. Скотт Джел рассказывает, как команда предложила loading="lazy" для <video> и <audio> и сделала это официальным стандартом. #html #performance engineering.squarespace.com/blog/2026/squa…

Нативные JSON-модули наконец-то стали реальностью. Мэтт Смит показывает, как атрибуты импорта позволяют загружать JSON напрямую через import data from 'data.json' with { type: 'json' } без сборщика. #json #js allthingssmitty.com/2026/03/16/nat…

Кастомные элементы с поддержкой форм на практике. Роб Левин добавляет поддержку Form-Associated Custom Element в AgnosticUI с помощью ElementInternals, рассматривая две стратегии валидации и примеры компонентов input, radio и combobox. #webcomponents frontendmasters.com/blog/form-asso…

CSS is DOOMed: рендеринг DOOM в 3D на CSS. Нильс Линхир рендерит классическую игру целиком на CSS-трансформациях и дивах в 3D-пространстве, используя тригонометрические функции, @​property и SVG-фильтры. #css #3d nielsleenheer.com/articles/2026/…

Выпуск №520. Полина Гуртовая, Вадим Макеев и Алексей Симоненко про Safari 26.4, Firefox 149, TypeScript 6.0 и миксины в CSS. Лайв на Ютубе youtu.be/qjlTiWWpCTc Слушайте на Ютубе youtu.be/y1Ic8tAnAH4 Ссылки на сайте web-standards.ru/podcast/520/

The Layout Maestro — практический курс по CSS-раскладкам. Курс Ахмада Шадида охватывает флексы, гриды, выражения от контейнера и :has() через визуальные уроки и интерактивные демо. #css #learn thelayoutmaestro.com

Под капотом: CSS-архитектура редизайна. Брехт де Рёйте рассказывает о каскадных слоях, дизайн-токенах, light-dark(), выражениях от контейнера и прогрессивном улучшении через @​supports. #css #design utilitybend.com/blog/under-the…

Новинки WebKit в Safari 26.4. Джен Симмонс представляет: grid lanes для masonry-раскладок, WebTransport для связи с низкой задержкой и Keyboard Lock API. Плюс name-only container queries, потоковые scroll-driven animations и 191 багфикс. #safari #browser webkit.org/blog/17862/web…

Новинки Firefox 149 для разработчиков. Значение hint для popover, CloseWatcher, xywh() в shape-outside, vertical-align как сокращённое свойство и опциональные условия @​container. #firefox #browser developer.mozilla.org/en-US/docs/Moz…

CSSkit, высокопроизводительный CSS-тулчейн на Rust. Проект Кита Циркеля объединяет парсинг, минификацию, линтинг, форматирование и LSP-интеграцию в одном инструменте без конфигурации, вдохновлённом oxc. #css #tools csskit.rs

Выпуск №519. Никита Дубко, Алексей Симоненко и Вадим Макеев про статистику из браузеров, Virtual Keyboard API, обновление Shower, модалки или страницы. Лайв на Ютубе youtu.be/N4ZN1DLtg88 Слушайте на Ютубе youtu.be/gXVAPX_42V8 Ссылки на сайте web-standards.ru/podcast/519/

Загнутый уголок на CSS. Китти Жиродель разбирает эффект при наведении с clip-path, белым треугольником для складки и тенями. А ещё CSS-переходы для плавной анимации. #css #animation kittygiraudel.com/2026/03/05/fol…

Неожиданные кастомные селекты. Патрик Броссет создаёт три демки с новым <select>: стопку папок, веер карт с anchor positioning и круговой эмодзи-пикер на CSS-тригонометрии. #css #html css-tricks.com/abusing-custom…

Temporal: девятилетний путь к исправлению времени в JavaScript. Джейсон Уильямс описывает путь от предложения до Stage 4 с иммутабельными объектами, поддержкой часовых поясов и общей реализацией на Rust для нескольких движков. #ecmascript #temporal bloomberg.github.io/js-blog/post/t…