Spectre.css - Marco de CSS Responsive basado en Flexbox ligero

Si quieres sumergirte en diseños de flexbox entonces ahora es el mejor momento para comenzar. Los navegadores modernos son finalmente aceptando las 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 código reutilizable? Espectre.css es uno de los mejores marcos para empezar a usar si eres nuevo en flexbox.

Este marco gratuito de código abierto viene pre-construido con un sistema de red en funcionamiento y propiedades comunes de flexbox. Eso se basa en Gulp para compilar y ejecutar CSS sobre la marcha, desde cualquier computadora.

También usa MENOS en lugar de Sass, que puede hacer de Spectre y una excelente opción para todos los usuarios de LESS.

Una descarga de npm viene con todo lo que necesitas: Iconos CSS, mixins, variables., y casi cualquier otra cosa que usted esperaría de un marco CSS típico.

Todo el código es completamente semantico y soporta todos los elementos de texto HTML, incluso los más nuevos como . Estilos de texto también soporta fuentes del este asiático con idiomas como el chino, japonés y coreano.

Puedes encontrar toneladas de ejemplos sobre el “Elementos” página que listas de muestras de diseño para texto, botones, tablas, iconos y formularios web (entre otras cosas).

Espectro también viene con toneladas de componentes que le puede ahorrar horas de tiempo dedicado a la codificación desde cero. Características dinámicas, como pop-overs y menús desplegables, son súper fáciles de agregar a cualquier diseño, con solo unas pocas líneas de código.

Este marco es todavía bastante nuevo y siempre está sufriendo cambios. Al momento de escribir este artículo, Specter está en v0.2 y tiene muchas características experimentales puedes probar.

Pero, los componentes primarios, elementos de página, y grillas son completamente funcional y listo para un sitio de producción en vivo. Specter es uno de los mejores marcos de CSS que se ejecutan en Less con cuadrículas de flexbox.

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

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