Lista de verificación de compatibilidad de CSS y navegador

Una lista de verificación práctica para diseños resistentes en navegadores y dispositivos modernos.

• Comience con HTML semántico y un diseño legible sin JavaScript.
• Utilice consultas de funciones como @apoya cuando la mejora depende de una característica CSS.
• Pruebe el enfoque del teclado, el zoom al 200%, el movimiento reducido, el modo oscuro y los colores forzados.
• Evite alturas fijas para contenedores de texto; Permitir envoltura y expansión.
• Proporcione alternativas para funciones de color más nuevas, consultas de contenedores y selectores avanzados cuando su audiencia los requiera.
• Pruebe Safari/iOS, Chromium y Firefox en lugar de depender de un solo motor.
• Utilice propiedades lógicas para diseños multilingües y de derecha a izquierda.
• Verifique los estilos de impresión y los controles de formulario, no solo el diseño visual principal.

Útiles herramientas CSS generadas

Generador de cuadrícula CSS, Calculadora de abrazadera CSS, y Generador de gradiente CSS.