Контрольный список совместимости CSS и браузера

Практический контрольный список для обеспечения устойчивости макетов в современных браузерах и устройствах.

Начните с семантического HTML и читаемого макета без JavaScript.
Используйте функциональные запросы, такие как @поддерживает когда улучшение зависит от функции CSS.
Проверьте фокусировку клавиатуры, масштабирование до 200 %, уменьшение движения, темный режим и принудительные цвета.
Избегайте фиксированной высоты текстовых контейнеров; разрешить перенос и расширение.
Предоставляйте запасные варианты для новых функций цвета, запросов к контейнерам и расширенных селекторов, когда они нужны вашей аудитории.
Тестируйте Safari/iOS, Chromium и Firefox, а не полагайтесь на один движок.
Используйте логические свойства для многоязычных макетов и макетов с письмом справа налево.
Проверьте стили печати и элементы управления формой, а не только основной визуальный макет.

Полезные инструменты создания CSS