Crea griglie di riferimento sul Web utilizzando 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 framework personalizzati ma quelli possono sembrare 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 praticare il tuo CSS e Sass prima di prendere Sassline .

Ma una volta appresa, non progetterai mai più i layout allo stesso modo.

Usa le unità rem per creare linee di base personalizzate che si adattino 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 adattare automaticamente le dimensioni 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 che cercano 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 quotazioni pull e varie dimensioni di intestazione.

Inoltre puoi aggiungere questo in framework di frontend come Bootstrap se sei disposto ad apportare piccole modifiche al tuo codice. L' intera libreria Sassline è super versatile e dovrebbe essere un punto fermo per gli amanti di Sass in tutto il mondo.

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.