Créer des grilles de base sur le Web à l'aide de Sassline

Une grande partie du contenu en ligne est basée sur du texte, mais les internautes ne voudront pas lire le texte sur votre site à moins que la typographie soit bien conçue..

Vous pourriez travailler avec cadres personnalisés, mais ceux-ci peuvent se sentir restrictifs. Essayez plutôt Sassline, une bibliothèque gratuite basée sur Sass pour créer des lignes de grille parfaites sur le Web..

Cet outil gratuit fonctionne avec Sass et vous devez d’abord connaître votre langage de prétraitement. Si vous êtes encore nouveau dans le développement Web, c'est une bonne idée de Pratiquez votre CSS et Sass avant de récupérer Sassline.

Mais une fois que vous l'aurez appris, vous ne pourrez plus jamais concevoir des mises en page de la même manière..

Il utilise des unités de rem pour créer des lignes de base personnalisées qui correspondent à votre texte dans tous les domaines. Cela inclut tous vos en-têtes, paragraphes, blockquotes, tout.

Et Sassline est livré avec des points d'arrêt réactifs qui vous permettent d'ajuster automatiquement la taille du texte (et la hauteur de ligne) en fonction de la grille Sassline. Cela repose sur les mixins Sass qui nécessitent de l'expérience Sass si vous voulez travailler avec eux.

C'est pourquoi je recommande spécifiquement cet outil pour développeurs web expérimentés cherchant à améliorer leur flux de travail.

La page de démonstration offre un exemple assez clair du fonctionnement de cette grille de base, y compris des éléments de liste, des guillemets et diverses tailles d'en-tête..

De plus, vous pouvez l'ajouter à des frameworks frontaux tels que Bootstrap si vous êtes prêt à apporter quelques modifications mineures à votre code. le toute la bibliothèque Sassline est super polyvalente et il devrait être un aliment de base pour les amateurs de Sass partout.

Pour commencer, visitez le référentiel principal de GitHub et téléchargez une copie des fichiers source..

Vous trouverez également des instructions de configuration et un lien vers cet article de blog génial qui vous guidera à travers les fonctionnalités de la bibliothèque Sassline..