Todos tenemos algunos esqueletos en nuestro armario CSS. Probablemente hubo una excepción !important Ahora puedes gestionarlo de forma más eficiente mediante capas en cascada. O tal vez un truco de casilla de verificación obsoleto :has() Ya solucionado. Quizás ha pasado mucho tiempo desde el último rediseño del sitio web y está lleno de atributos con prefijos de proveedores de 2012. ¡Ese es el diablo!
Stu Robson reliquiaCSS (¡Nombre inteligente!) Herramienta que extrae bases de código para CSS obsoleto con soluciones CSS modernas.
A cada reliquia se le asigna un nivel de gravedad. Como explica Stu:
- Alta gravedad: Un verdadero “fósil”. Hacks dirigidos (ahora) a navegadores no compatibles (IE6/7) o tecnologías “peligrosas”. Los primeros objetivos a eliminar deberían ser los de alto riesgo y los obsoletos.
- Gravedad moderada: El término medio. Ataques contra navegadores antiguos no compatibles (IE8-10). Funcionan, pero son frágiles. Verifique si siguen siendo relevantes para sus usuarios reales.
- Baja gravedad: Artefactos modernos. Generalmente el prefijo del proveedor (-webkit-, -moz-). La mayoría de las veces es seguro, pero se puede manejar mejor con herramientas automatizadas como Autoprefixer. Son oportunidades para mejorar el proceso de construcción.
Ha pasado un tiempo desde que realicé una revisión de mi sitio web personal. No es por presumir, pero ¡oye, oye, oye!
Pero en serio. Sé que hay algo ahí que me da vergüenza admitir.
Pero ¿y si hiciéramos una excavación arqueológica en CSS-Tricks? Quiero decir, ya existir Al menos cinco años Porque este lugar ha recibido el cariño que se merece. Casi no me atrevía a mirar. Esto es……
Afortunadamente, no es tan malo como pensaba. Se trata principalmente de prefijos de proveedores, que estoy seguro los proporcionan configuraciones anteriores de Autoprefixer.
Enlace directo →
