Lista kontrolna zgodności CSS i przeglądarki

Praktyczna lista kontrolna dotycząca odpornych układów w nowoczesnych przeglądarkach i urządzeniach.

• Zacznij od semantycznego HTML i czytelnego układu bez JavaScript.
• Użyj zapytań o funkcje, takich jak @wspiera gdy ulepszenie zależy od funkcji CSS.
• Przetestuj ostrość klawiatury, powiększenie do 200%, ograniczony ruch, tryb ciemny i wymuszone kolory.
• Unikaj stałych wysokości kontenerów tekstowych; umożliwiają owijanie i rozszerzanie.
• Zapewnij rozwiązania zastępcze dla nowszych funkcji kolorów, zapytań dotyczących kontenerów i zaawansowanych selektorów, gdy wymagają tego odbiorcy.
• Zamiast polegać na jednym silniku, przetestuj Safari/iOS, Chromium i Firefox.
• Użyj właściwości logicznych dla układów wielojęzycznych i układów pisanych od prawej do lewej.
• Sprawdź style druku i elementy sterujące formularzy, a nie tylko główny układ wizualny.

Przydatne wygenerowane narzędzia CSS

Generator siatki CSS, Kalkulator zacisków CSS, i Generator gradientów CSS.