Elenco di controllo della compatibilità CSS e browser

Una pratica lista di controllo per layout resilienti su browser e dispositivi moderni.

Inizia con HTML semantico e un layout leggibile senza JavaScript.
Utilizza query di funzionalità come @supporta quando il miglioramento dipende da una funzionalità CSS.
Prova la messa a fuoco tramite tastiera, lo zoom al 200%, il movimento ridotto, la modalità scura e i colori forzati.
Evitare altezze fisse per i contenitori di testo; consentire l'avvolgimento e l'espansione.
Fornisci opzioni di riserva per le nuove funzioni colore, query sui contenitori e selettori avanzati quando il tuo pubblico li richiede.
Prova Safari/iOS, Chromium e Firefox invece di fare affidamento su un unico motore.
Utilizza proprietà logiche per layout multilingue e da destra a sinistra.
Controlla gli stili di stampa e i controlli del modulo, non solo il layout visivo principale.

Utili strumenti CSS generati