Spectre.css - Marco de CSS adaptable y flexible basado en FlexBox

Si quieres sumergirte en los diseños de flexbox, ahora es el mejor momento para comenzar. Los navegadores modernos finalmente aceptan propiedades de flexbox y más desarrolladores se están metiendo en la acción.

Pero, ¿por qué empezar de cero cuando puedes construir sobre el código reutilizable ? Spectre.css es uno de los mejores frameworks para comenzar a usar si eres nuevo en flexbox.

Este marco de código abierto gratuito viene preconstruido con un sistema de grillas funcional y propiedades de flexbox comunes . Se basa en Gulp para compilar y ejecutar CSS sobre la marcha, desde cualquier computadora.

También utiliza LESS en lugar de Sass, lo que puede hacer que Spectre sea una excelente elección para todos los usuarios LESS.

Una descarga de npm viene con todo lo que necesita: iconos de CSS, mixins, variables y casi cualquier otra cosa que pueda esperar de un marco CSS típico.

Todo el código es completamente semántico y admite todos los elementos de texto HTML, incluso los más nuevos como . Los estilos de texto también son compatibles con fuentes asiáticas con idiomas como chino, japonés y coreano.

Puede encontrar muchísimos ejemplos en la página "Elementos" que enumera muestras de diseño para texto, botones, tablas, iconos y formularios web (entre otras cosas).

Spectre también viene con toneladas de componentes que pueden ahorrarle horas de programación desde cero. Las funciones dinámicas, como las ventanas emergentes y los menús desplegables, son muy fáciles de agregar a cualquier diseño, con solo unas pocas líneas de código.

Este marco todavía es bastante nuevo y siempre está experimentando cambios. En el momento de escribir esto, Specter está en v0.2 y tiene muchas características experimentales que puedes probar.

Sin embargo, los componentes principales, los elementos de página y las cuadrículas son completamente funcionales y están listos para un sitio de producción en vivo . Spectre es uno de los mejores marcos de CSS que se ejecutan en Less con grillas flexbox.

Para obtener más información y comenzar, visite la página de documentación que cubre la instalación y configuración.

También puede descargar una copia del código directamente desde GitHub, que también tiene una pequeña sección para la documentación. Y, si desea compartir sus ideas, puede twittear la cuenta oficial @spectrecss.