Crear cuadrículas de línea de base en la web usando Sassline

Una parte importante del contenido en línea está basada en texto, pero la gente no estará interesada en leer el texto de su sitio a menos que la tipografía esté bien diseñada..

Usted podría trabajar con Marcos personalizados pero aquellos pueden sentirse restrictivos. En su lugar, pruebe Sassline, una biblioteca gratuita basada en Sass para crear líneas de cuadrícula perfectas en la web.

Esta herramienta gratuita funciona en Sass, por lo que deberá conocer primero el lenguaje de preprocesamiento. Si todavía eres nuevo en el desarrollo web, entonces es una buena idea practica tu CSS y Sass antes de recoger Sassline.

Pero una vez que lo aprendas, nunca volverás a diseñar diseños de la misma manera..

Utiliza unidades rem para crear líneas de base personalizadas que se ajustan a su texto en todo el tablero. Esto incluye todos tus encabezados, párrafos, blockquotes, todo.

Y Sassline viene con puntos de interrupción sensibles para que pueda ajustar automáticamente el tamaño del texto (y la altura de la línea) en función de la cuadrícula de Sassline. Esto depende de los mixins de Sass que requieren la experiencia de Sass si quieres trabajar con ellos.

Es por eso que recomiendo específicamente esta herramienta para desarrolladores web experimentados Buscando mejorar su flujo de trabajo.

La página de demostración ofrece un ejemplo bastante claro de cómo funciona esta cuadrícula de línea de base, incluidos los elementos de la lista, las citas de extracción y varios tamaños de encabezado..

Además, puede agregar esto a los marcos frontend como Bootstrap si está dispuesto a hacer algunos ajustes menores a su código. los toda la biblioteca de Sassline es super versátil Y debería ser un elemento básico para los amantes de Sass en todas partes..

Para comenzar, visite el repositorio principal de GitHub y descargue una copia de los archivos de origen..

También encontrará instrucciones de configuración y un enlace a esta increíble publicación de blog que lo guiará a través de la función de la biblioteca Sassline por función.