Un marco de CSS prefabricado puede ser una gran ayuda o un serio obstáculo. Este artículo brindará cobertura adecuada a ambos lados de la cerca al analizar los argumentos comunes a favor y en contra mediante el uso de un marco CSS.
¿Qué es un marco CSS?
Los marcos CSS están destinados a acelerar y simplificar el desarrollo de sitios web complejos. Para lograr esta hazaña, los marcos CSS contienen bibliotecas de código predefinidas que contienen un montón de opciones para que las uses en tu HTML. Por ejemplo, los marcos basados en cuadrícula suelen contener varias clases que tienen un número determinado de píxeles de ancho para facilitar la creación de diseños de varias columnas.
5 marcos populares de CSS
Aquí hay una breve lista de marcos de CSS populares junto con breves descripciones directamente de la fuente.
Blueprint CSS
? Blueprint es un marco CSS, cuyo objetivo es reducir el tiempo de desarrollo. Le brinda una base sólida para construir su proyecto además de una cuadrícula fácil de usar, tipografía sensible, complementos útiles e incluso una hoja de estilo para imprimir.
Elementos
? Elementos es un marco CSS a la tierra. Fue construido para ayudar a los diseñadores a escribir CSS más rápido y más eficiente. Los elementos van más allá de ser solo un marco, es su propio flujo de trabajo del proyecto. Tiene todo lo que necesita para completar su proyecto, lo que hace que usted y sus clientes estén contentos. Lea la descripción general para más información.
YUI 2: Grids CSS
? Las bases de YUI Grids CSS ofrecen cuatro anchos de página predeterminados, seis plantillas predeterminadas y la capacidad de apilar y anidar regiones subdivididas de dos, tres o cuatro columnas. El archivo de 4kb proporciona más de 1000 combinaciones de diseño de página.
CSS logico
? El marco CSS de Logic es una colección de archivos CSS y un conjunto de herramientas diseñado para reducir los tiempos de desarrollo de diseños y plantillas web compatibles con los estándares web? ?
CSS elástico
? Un marco css simple para diseñar interfaces basadas en web, basadas en las técnicas de diseño impreso de 4 columnas pero con capacidades para combinaciones de columnas ilimitadas. y capacidad para hacer elásticos, arreglos y disposición de líquidos fácilmente.
Pros
Cuando se usan correctamente, los marcos pueden ser de gran ayuda para agilizar su proceso de diseño. Éstos son algunos de los mayores beneficios.
Funcionalidad de navegador cruzado
Este es uno de los mayores puntos de venta en mi libro. Codificar diseños complejos que permanezcan consistentes en todos los navegadores puede ser una pesadilla. La mayoría de los marcos de CSS hacen el trabajo pesado por usted, por lo que su contenido se muestra exactamente igual sin importar quién lo esté viendo.
Desarrollo rápido
Si crea muchos sitios web, un buen marco de CSS puede ayudarlo a crear un flujo de trabajo plug and play que elimine las tareas repetitivas (como los restablecimientos manuales) que realiza cada vez que comienza a configurar un sitio. Muchos marcos incluyen incluso botones, texto, etc. de estilo previo, que pueden ser un gran ahorro de tiempo en el extremo creativo.
Consistencia
Los marcos CSS le proporcionan un conjunto estándar de selectores que puede utilizar en todos los sitios que construye, lo que le obliga a tener coherencia en la codificación. Esto significa que cuando regresas y miras un sitio que creaste hace un año, tiene tanto sentido para ti como si lo hubieras escrito ayer.
Diseños limpios y simétricos
Si eres como yo, eres propenso a tener en cuenta tus proporciones y considerarlo bueno. Muchos marcos CSS lo configuran en un sistema estricto basado en cuadrícula que garantiza que sus diseños alcancen una simetría perfecta de píxeles sin mediciones complicadas.
Contras
Ahora que hemos hecho un montón de alardear sobre los beneficios de los marcos de CSS, echemos un vistazo a la desventaja. Tenga en cuenta que estos no son necesariamente problemas menores, sino obstáculos importantes que mantienen a muchos desarrolladores alejados de los marcos por completo.
Código Extra
Me gusta que mi código sea claro y conciso sin redundancia o secciones no utilizadas. Con los marcos CSS, esto sale por la ventana. Incluso si su marco de trabajo favorito ofrece un código cuidadosamente escrito, es probable que no use la mitad en un sitio determinado. Esto se debe a que los marcos incluyen intencionalmente gran cantidad de código para múltiples escenarios de diseño. Eliges y eliges qué selectores quieres usar y los demás simplemente se quedan sin usar. Concédelo, puede revisar todo el código y eliminar cualquier cosa que no esté usando, pero eso puede llevar tiempo y, por lo tanto, eliminar el aspecto de rápido desarrollo.
Falta de libertad
El uso de un marco CSS puede encerrarlo fácilmente en una forma muy estrecha de hacer las cosas. No me malinterpretes, la estructura es una necesidad, pero explorar creativamente nuevas estructuras y formas de hacer las cosas es un gran ejercicio para los desarrolladores que nos mantiene aprendiendo. Este proceso puede ser inhibido por un marco rígido que le permite adquirir el hábito de cambiar el lado creativo de su cerebro e ir más allá de la calidad. Siempre habrá un lugar para estructuras de diseño orgánico que se separen de la norma y abran su propio camino de usabilidad.
Cambios semánticos forzados
Si eres un desarrollador experimentado, probablemente tengas muchos elementos y selectores de HTML y CSS preferidos. El uso de un marco CSS lo obliga a adoptar un nuevo sistema que puede ser incómodo al principio. La curva de aprendizaje no es demasiado empinada, pero puede ser molesta si se establece en sus formas.
Pensamientos de cierre
Como puedes ver, hay muchos argumentos válidos en ambos sentidos. Realmente se reduce a su flujo de trabajo personal y preferencia. Háganos saber qué piensa de los marcos de CSS y cuáles utiliza.
Personalmente, todavía me gusta mucho la codificación desde cero (o al menos de mi propio trabajo anterior). No puede superar la sensación de logro cuando construye un sitio desde cero. Sin embargo, la investigación de este artículo me ha inspirado a experimentar con un par de marcos. Todos parecen un poco pesados en el código no utilizado, por lo que al final podría terminar creando mi propio marco personalizado que se adapte mejor a mis necesidades.