Неделя выдалась напряжённой, не успел подготовить посты. Чтобы совсем не оставить канал без постов, собрал небольшую подборку ссылок, которые попались на этой неделе. Часть ссылок взята из Веб-стандартов, спасибо Вадиму.
Standard HTML Video & Audio Lazy-loading is Coming!
Скотт Йель поделился новостью, что его команде удалось стандартизировать ленивую загрузку аудио и видео. Работа началась ещё в 2024 году: описание и обсуждение предложения, тесты веб-платформы (WPT), патчи в Firefox и WebKit.
<video
loading="lazy"
autoplay
playsinline
muted
controls
src="path/to/sloth.webm"
poster="path/to/sloth.jpg"
></video>
aria-haspopup might not do what you think it does
Мануэль Матузович пишет о неверном использовании атрибута
aria-haspopup. У попапа должна быть роль menu, listbox, tree, grid или dialog. Не во всех случаях aria-haspopup уместен. Я на днях с этим столкнулся на реальном проекте.An in-depth guide to customising lists with CSS
Подробный гайд по стилизации списков с использованием разных возможностей CSS от Ричарда Раттера. Я тоже писал об этом:
- You don't know HTML: нумерованные списки
- Стилизация счётчиков списка
- counters() и counter-style
Practical guide to the <img> element: from the basics to LCP
Джоан Леон рассказывает об элементе
<img> с точки зрения производительности: атрибуты width и height, <picture> и современные форматы изображений, decoding, loading, fetchpriority оптимизацию LCP и CDN.Stylable Select
Я писал про стилизуемый <select> и работы по дальнейшему развитию возможностей стилизации. Брехт Де Рёйте, который активно вовлечён в эту тему, поделился коллекцией примеров стилизуемого селекта на Codepen.
csskit
Кит Сиркель, браузерный инженер, работающий над Firefox, поделился своим проектом csskit. Это написанный на Rust инструмент для работы с CSS: форматтер, линтер, минификатор, транспилятор, бандлер и анализатор в одном флаконе.
#html #css #a11y #performance