Capacitación en diseño de pruebas no destructivas: ¿Cuáles son las características de la arquitectura CSS?
La arquitectura CSS es uno de los códigos de programación más importantes que debemos utilizar al realizar desarrollo web. Hoy veremos qué características debe tener una buena arquitectura CSS. Comencemos con el contenido principal de hoy. artículo.
Creo que los objetivos de una buena arquitectura CSS no son tan diferentes de los objetivos de todo buen desarrollo de software.
Quiero que mi CSS sea predecible, reutilizable, mantenible y extensible.
CSS predecible CSS predecible significa que sus reglas se comportarán de la forma esperada.
Cuando agregas o actualizas una regla, no afecta partes de tu sitio que no deseas afectar.
En sitios pequeños con muy pocos cambios, esto no es importante, pero en sitios más grandes con docenas o cientos de páginas, un CSS predecible es imprescindible.
Las reglas CSS reutilizables deben ser lo suficientemente abstractas y desacoplables como para que no tengas que recodificar patrones y problemas que ya hayas resuelto, y puedas construir rápidamente nuevos componentes basados en piezas existentes.
Mantenibilidad Cuando su sitio web necesita agregar, actualizar o reorganizar nuevos componentes y funcionalidades, hacerlo no requiere refactorizar el CSS existente.
Agregar el componente A a la página no destruirá el componente B.
Escalabilidad A medida que un sitio web aumenta en tamaño y complejidad, a menudo requiere más desarrolladores para mantenerlo.
CSS escalable significa que CSS puede ser administrado fácilmente por una sola persona o por un gran equipo de ingeniería.
También significa que la arquitectura CSS de su sitio web es fácil de aprender y dominar sin una gran curva de aprendizaje.
El hecho de que usted sea el desarrollador que actualmente mantiene CSS no significa que no pueda considerar cambios futuros.
Errores comunes Antes de buscar formas de lograr nuestros objetivos de una buena arquitectura CSS, pensé que sería útil analizar prácticas comunes que obstaculizan el logro de nuestros objetivos.
Solo comprendiendo esos errores recurrentes podremos comenzar a encontrar nuevas formas de abordarlos.
Aunque estos errores son técnicamente correctos, pueden provocar desastres y problemas.
A pesar de mis mejores intenciones y de querer que cada desarrollo fuera diferente, estos patrones todavía me daban problemas.
Modificar componentes según la clase principal Casi todos los sitios web en la Web tienen un elemento visual específico que se ve exactamente igual para cada evento, con una excepción.
SNU/ cree que cuando se trata de situaciones puntuales como ésta, casi todos los nuevos desarrolladores de CSS (e incluso los experimentados) lo manejan de la misma manera.
Debes encontrar un elemento principal (o crear uno) para este evento específico y luego escribir una nueva regla para manejarlo.