Creați grile de bază pe Web utilizând Sassline
O parte importantă a conținutului online este bazată pe text, dar oamenii nu vor fi interesați să citească textul pe site-ul dvs., cu excepția cazului în care tipografia este bine concepută.
S-ar putea să lucrați cadrelor personalizate, dar acestea se pot simți restrictive. În schimb, încercați Sassline, o bibliotecă gratuită bazată pe Sass pentru a crea linii de grilă perfecte pe web.
Această unealtă gratuită funcționează pe Sass, astfel încât va trebui să cunoașteți mai întâi calea voastră în jurul acelei limbi de preprocesare. Dacă sunteți încă nou în dezvoltarea de web, atunci este o idee bună să exersați-vă CSS și Sass înainte de a ridica Sassline.
Dar, odată ce ați învățat, niciodată nu veți crea planuri în același mod din nou.
Utilizează unități rem pentru a crea seturi de bază personalizate care se potrivesc cu textul dvs. peste tot. Aceasta include toate anteturile, paragrafele, blocurile, totul.
Iar Sassline vine cu puncte de interferență pentru a vă putea ajusta automat dimensiunea textului (și înălțimea liniei) pe baza rețelei Sassline. Aceasta se bazează pe amestecurile Sass care necesită experiență Sass dacă doriți să lucrați cu ei.
De aceea recomand acest instrument în mod special cu experiență dezvoltatori web căutând să-și îmbunătățească fluxul de lucru.
Pagina demo oferă un exemplu destul de clar despre modul în care funcționează această rețea de referință, incluzând elemente de listă, cotații de tragere și diferite dimensiuni ale anteturilor.
În plus, puteți adăuga acest lucru în cadre frontend, cum ar fi Bootstrap, dacă sunteți dispus să faceți unele ajustări minore ale codului. întreaga bibliotecă Sassline este foarte versatilă și ar trebui să fie o bază pentru iubitorii de Sass de pretutindeni.
Pentru a începe, vizitați principala replică GitHub și descărcați o copie a fișierelor sursă.
Veți găsi, de asemenea, instrucțiuni de instalare și un link spre acest post minunat de blog care vă va îndruma prin caracteristica bibliotecii Sassline după caracteristică.