Полный текст
9 CSS-лайфхаков для улучшения пользовательского опытаСмещение через left заставляет браузер выполнять Paint-операции на каждом кадре. Чтобы убрать просадки производительности, достаточно перенести вычисления на свойства трансформации. Но проблемы с рендерингом — не единственная боль при вёрстке.Дизайнерские тени вместо outline делают состояние фокуса невидимым в режимах высокой контрастности. Эта проблема элегантно обходится через медиа-функцию forced-colors. Ещё одна частая ошибка — забытый background-color под тяжёлыми фоновыми изображениями.Проанализируем девять CSS-приёмов для грамотной стилизации интерфейсов.