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 gens ne seront pas intéressés à lire le texte sur votre site à moins que la typographie ne soit bien conçue.

Vous pouvez travailler avec des frameworks personnalisés mais ceux-ci peuvent vous sembler restrictifs . Essayez plutôt Sassline, une bibliothèque gratuite basée sur Sass pour créer un quadrillage parfait sur le web.

Cet outil gratuit fonctionne sur Sass et vous devrez d'abord vous familiariser avec ce langage de prétraitement. Si vous êtes encore novice en matière de développement web, c'est une bonne idée de pratiquer votre CSS et Sass avant de choisir Sassline .

Mais une fois que vous l'aurez appris, vous ne dessinerez plus jamais les 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 à travers le tableau . Cela inclut tous vos en-têtes, paragraphes, bloc-notes, tout.

Et Sassline est livré avec des points d'arrêt réactifs, ce qui vous permet d'ajuster automatiquement la taille de votre texte (et la hauteur de la ligne) en fonction de la grille Sassline. Cela dépend de Sass mixins qui nécessitent une expérience Sass si vous voulez travailler avec eux.

C'est pourquoi je recommande spécifiquement cet outil aux développeurs Web expérimentés qui cherchent à améliorer leur flux de travail.

La page de démonstration offre un exemple assez clair de la façon dont fonctionne cette grille de base, y compris les éléments de liste, les guillemets et diverses tailles d'en-tête.

De plus, vous pouvez ajouter cela dans des frameworks frontaux comme Bootstrap si vous êtes prêt à apporter quelques ajustements mineurs à votre code. Toute la bibliothèque Sassline est très polyvalente et devrait être un incontournable pour les amateurs de Sass.

Pour commencer, visitez le dépôt principal GitHub et téléchargez une copie des fichiers sources.

Vous trouverez également des instructions d'installation et un lien vers ce blog génial vous guidant à travers la fonctionnalité de la bibliothèque Sassline par fonctionnalité.