Crea griglie di riferimento sul Web usando Sassline
Una parte importante dei contenuti online è basata sul testo, ma le persone non saranno interessate a leggere il testo sul tuo sito a meno che la tipografia non sia ben progettata.
Potresti lavorare con quadri personalizzati ma quelli possono sentirsi restrittivi. Prova invece Sassline, una libreria gratuita basata su Sass per creare linee di griglia perfette sul web.
Questo strumento gratuito funziona su Sass, quindi dovrai prima conoscere la lingua di pre-elaborazione. Se sei ancora nuovo nello sviluppo web, allora è una buona idea Pratica i tuoi CSS e Sass prima di prendere Sassline.
Ma una volta appresa, non progetterai mai più i layout allo stesso modo.
Usa le unità rem da creare linee di base personalizzate che si adattano al tuo testo su tutta la linea. Questo include tutte le tue intestazioni, paragrafi, blockquotes, tutto.
E Sassline è dotato di punti di risposta reattivi in modo da poter regolare automaticamente la dimensione del testo (e l'altezza della linea) in base alla griglia Sassline. Questo dipende dai mixin di Sass che richiedono esperienza Sass se vuoi lavorare con loro.
Ecco perché raccomando specificamente questo strumento per sviluppatori web esperti cercando di migliorare il loro flusso di lavoro.
La pagina demo offre un chiaro esempio di come funziona questa griglia di base, compresi gli elementi di elenco, le virgolette e varie dimensioni di intestazione.
Inoltre puoi aggiungere questo in framework di frontend come Bootstrap se sei disposto ad apportare alcune modifiche minori al tuo codice. Il tutta la libreria Sassline è super versatile e dovrebbe essere una base per gli amanti di Sass ovunque.
Per iniziare visita il repository principale di GitHub e scarica una copia dei file sorgente.
Troverai anche le istruzioni di configurazione e un link a questo fantastico post sul blog che ti guiderà attraverso la funzionalità della libreria Sassline.
