Kit de inicio de CSS para desarrolladores - Shoelace.css

Los desarrolladores frontend necesitan todos los mejores recursos que puedan obtener. Por lo general, esto significa trabajando sobre un marco como Bootstrap porque viene con básicamente todo.

Sin embargo, hay muchas alternativas y Shoelace.css Es uno de esos ejemplos con los que deberías estar familiarizado..

Esta kit de CSS gratis No es realmente un marco completo. En cambio, es más como un kit de inicio para desarrolladores ¿Quién no quiere construir docenas de estilos CSS personalizados desde cero?.

Siempre se puede usar un restablecimiento de CSS, pero eso solo formatea cada navegador por igual. Un reinicio es No es una cobertura total para el manejo de tareas más complejas., y ese es exactamente el punto de Shoelace.

Viene como un paquete con un CLI que se ejecuta en el nodo que puedes instalar con cualquier proyecto. Aunque, también tiene una versión CDN si no quieres usar npm.

Para obtener todo esto configurado, echa un vistazo a la guía de instalación En la documentación oficial. A pesar de estar etiquetado como una biblioteca CSS, viene con componentes de JavaScript, también. A pesar de que la mayoría de los que se ejecutan en jQuery, así que tendrás que incluir eso como una dependencia.

Si profundizas en los documentos encontrarás la página de personalización que te muestra Cómo editar variables en CSS. Éstos le permiten crear componentes personalizados y alterar los estilos predeterminados de Shoelace con facilidad.

Cada componente Tiene una sensación Bootstrap-y para el diseño, Así que Shoelace funcionará para casi cualquier diseño.

Sin embargo, también tiene una curva de aprendizaje más pronunciada que Bootstrap, ya que no es tan popular, ni tiene tanto apoyo. Al momento de escribir este artículo, Shoelace aún se encuentra en la versión v1.0 beta, por lo que tiene mucho tiempo para ponerse al día con los marcos frontend más grandes..

Un vistazo rápido a los documentos debe probar que esto es listo para un sitio de producción. Realmente depende de ti si vale la pena aprender e implementar Shoelace.

Echa un vistazo a la GitHub repo para agarrar una copia y el documentos en línea para más información de configuración. Si tiene alguna pregunta o sugerencia para Shoelace, también puede enviar una línea al creador en Twitter @claviska.