3 fantásticos marcos de CSS que no querrás perder
Personalmente, prefiero comenzar a codificar cualquier proyecto con solo una grilla, y construir desde allí. Soy delicado así, y me gusta tener el control de tantas variables como sea posible.
Hay momentos, sin embargo, cuando esto simplemente no es práctico. Tal vez estés creando una aplicación, o un sitio excepcionalmente grande y complicado. Tal vez simplemente no tienes tiempo para diseñar cada elemento desde cero, y no es necesario. Ahí es cuando quieres un marco completo, con extras.
Bueno, se ha escrito mucho sobre los marcos de "gran nombre": Bootstrap, Foundation, Gumby, así que no vamos a hablar sobre ellos aquí. He estado jugando wi ... me refiero a probar rigurosamente tres de las opciones menos conocidas. Eche un vistazo, uno de ellos podría ser exactamente lo que necesita.
Kube
Kube es definitivamente una herramienta para el desarrollador front-end moderno. Solo los navegadores modernos, e IE9 +, son compatibles. Los estilos predeterminados son bonitos, pero lo suficientemente suaves para adaptarse a casi cualquier marca.
Es, en resumen, un marco atractivo pero sencillo y simple, diseñado con un atractivo visual casi universal y diseñado para una gran personalización.
Las características
Describir todas las características en profundidad, o simplemente enumerarlas todas, probablemente ocupe demasiado espacio en este artículo, así que le daré lo más destacado: el marco en sí está basado en LESS y es modular. Si quiere todo, excepto los estilos de botones, por ejemplo, es muy simple "compilar" el suyo. Simplemente elimine la regla @import correspondiente de kube.less, y vaya. Es seguro decir que hay estilos para cada elemento HTML que se pueda imaginar, y los extras habituales como botones, barras de navegación básicas, clases de ayuda y un sistema de disposición de cuadrícula bastante sólido.
En cierto sentido, Kube se define en parte por lo que no tiene. Por ejemplo, no tiene una sobreabundancia de elementos UI y estilos adicionales. No hay complementos jQuery para la funcionalidad de UI en absoluto. Y ciertamente no viene con la impresión de que estás "atrapado" con nada de eso.
Conclusión
Kube es una oferta sólida. Sus creadores no escatimaron en los fundamentos, pero hay un sentido definido de "solo lo que necesitas" que viene con este marco. Es un buen lugar para comenzar, por lo que encarna el verdadero propósito de cualquier marco. Coloréme impresionado.
Marco de MARFIL
MARFIL, como Kube, está diseñado para ser fácilmente comprendido e implementado rápidamente. La tipografía se ve bien, pero es lo suficientemente suave como para usar con casi cualquier proyecto, y los estilos predeterminados generales también lo son.
Es un marco diseñado para darle lo suficiente para comenzar y algunos extras.
Las características
Las características son las que normalmente esperarías: un sistema de grillas sólido y flexible, estilos para la tipografía y todas las formas, y así sucesivamente. Sin embargo, IVORY difiere de Kube en que se le dan algunos elementos de UI adicionales: botones, cuadros de alerta, paginación, interruptores de palanca, información sobre herramientas, navegación de navegación, pestañas y acordeones.
Lo que diferencia a estos componentes de la interfaz de usuario de muchos otros es que están implementados con CSS3 y sin JavaScript. La única razón por la que jQuery UI está enlazado es hacer que funcione el selector de fecha.
Solo dos cosas que no me gustan: algunos de los estilos de componentes de UI recuerdan mucho a los estilos de Bootstrap 2.0. Entonces sí, probablemente querrás cambiar eso. Además, el sistema de cuadrícula requiere el uso de una clase adicional en la última columna en cualquier fila; Solo odio eso.
Conclusión
Esas dos pequeñas advertencias aparte, IVORY Framework es una buena opción para cualquier cantidad de proyectos. No es la opción más fácil de personalizar, pero si solo necesita comenzar con un buen conjunto de valores predeterminados y algunos componentes adicionales de la interfaz de usuario, dele un giro.
Base
Base, por Matthew Hartman , adopta un enfoque un tanto más moderno (por el momento, en cualquier caso) al marco CSS. Residencia en Normalize.css , comienza con fuentes de encabezado delgadas y cajas planas para botones. No se puede negar que los estilos predeterminados son francamente bonitos.
Esto puede no ser del agrado de todos, dependiendo de las preocupaciones de la marca, pero es lo suficientemente simple como para cambiar. Después de todo, Base tiene que ver con la personalización.
Las características
Base se proporciona en versiones LESS y SASS, por lo que puede modificar rápidamente las variables y "volver a compilar" según sus necesidades. Las variables incorporadas incluyen tamaños de fuente, puntos de interrupción, anchos de contenedor principal para cada punto de interrupción y más.
Se proporcionan muchas clases adicionales para ayudarlo a configurar sus diseños específicos para dispositivos móviles, y hay "mixins" en un archivo separado para ayudarlo en su camino.
Al igual que Kube, no hay componentes de IU adicionales aparte de los que vienen con HTML de manera predeterminada, por lo que si quieres interfaces con pestañas, acordeones, etc., tendrás que hacerlos tú mismo. La base parece estar orientada a la construcción de hermosos sitios web en lugar de aplicaciones web .
Conclusión
Si está creando un sitio que no necesita demasiados componentes de interfaz de usuario específicos de la aplicación, entonces Base es un recurso fantástico. Las páginas construidas con él ya se ven bonitas; pero si no te gustan los estilos predeterminados, no es muy difícil cambiarlos.
