Wing - Los diseñadores web minimalistas de Framework CSS quieren

El ecosistema frontend está lleno de marcos de código abierto creados para mejorar su proceso de desarrollo. Por lo general, todos quieren algo diferente de estos marcos; algunas personas buscan estética mientras que otras quieren velocidad o usabilidad .

Wing es un framework más nuevo y el mejor amigo de un minimalista. Viene con una configuración de grilla predeterminada, elementos personalizados y componentes que totalizan 5 KB .

Quizás la mejor parte de Wing es el estilo automático para los elementos predeterminados . Si solo sueltas la hoja de estilos de Wing CSS en tu proyecto, notarás los cambios inmediatamente.

El texto predeterminado, los enlaces y los elementos de página se conforman automáticamente en función de los diseños de Wing. También puede agregar clases adicionales para agregar más estética a la página.

Wing se envía con un sistema de cuadrícula de 960px usando una estructura de 12 columnas . Esta es una configuración muy simple y la cuadrícula de 960px generalmente se considera demasiado pequeña para la audiencia de pantalla ancha de hoy. Pero, si te gustan los sitios web más pequeños, esta es una excelente opción.

http://usewing.ml/ es completamente simple y sigue algo como esto:

 1 
 2 
 3 

Puede incluir una copia completa de Wing desde Unpkg CDN. Mantienen sus archivos actualizados con la última versión, por lo que nunca tendrá que cambiar los nombres de los archivos. Simplemente agregue esta URL a su encabezado y obtendrá acceso completo al marco actual de Wing.

Alternativamente, puede descargar el paquete a través de npm o extraer una copia de la fuente directamente desde GitHub .

Compararía Wing con Normalize.css, que es un marco de CSS mucho más pequeño, que se parece más a una biblioteca de restablecimiento . Wing viene con estilos predeterminados, mientras que Normalize.css simplemente restablece los elementos para que funcionen de la misma manera en todos los navegadores.

La belleza de ambos es que tienes el control total para editar, cambiar de estilo y reformatear la página como mejor te parezca.

Toda la documentación y los fragmentos de código se pueden encontrar en la página principal de Wing, por lo tanto, use esa guía si no está seguro de cómo configurar su sitio.