Неизвестно полезный CSS. Часть 2

Привет, Хабр. Я продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS-фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах. Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React-приложение. Они поддерживаются большинством браузеров. Отдельно отмечу, что я не считаю IE11 современным браузером. По этой причине я не учитывал его.

Сегодня мы рассмотрим:

загрузку фоновых изображений для экранов с повышенной плотностью пикселя с помощью функции image-set();

как с помощью неё же ускорить загрузку страницы;

можно ли использовать нестандартный шрифт без его загрузки;

чем полезен псевдо-класс :focus-within при вёрстке кастомных чекбоксов;

мой любимый лайфхак на основе пользовательских CSS-свойств.

Больше не буду затягивать. Давайте посмотрим, что я вам подготовил.

Читать дальше →

Источник: Уроки CSS на Хабрахабре