Opprett grunnlinjer på nettet ved hjelp av Sassline

En stor del av innholdet på nettet er tekstbasert, men folk vil ikke være interessert i å lese teksten på nettstedet ditt, med mindre typografien er godt utformet.

Du kan jobbe med tilpassede rammer, men de kan føle seg restriktive. I stedet prøv Sassline, et gratis Sass-basert bibliotek for å lage perfekte gridlines på nettet.

Dette gratis verktøyet fungerer på Sass, slik at du må kjenne deg rundt det preprocessing-språket først. Hvis du fortsatt er ny for webutvikling, er det en god idé å trene CSS og Sass før du henter Sassline.

Men når du lærer det, vil du aldri designe oppsett på samme måte igjen.

Den bruker rem-enheter til å lage egendefinerte grunnlinjer som passer din tekst over hele linja. Dette inkluderer alle overskriftene, avsnittene, blokkene, alt.

Og Sassline kommer med responsive bruddpunkter, slik at du kan justere tekststørrelsen din automatisk (og linjehøyde) basert på Sassline-nettet. Dette avhenger av Sass mixins som krever Sass erfaring hvis du vil jobbe med dem.

Derfor anbefaler jeg spesielt dette verktøyet for erfarne webutviklere ser for å forbedre arbeidsflyten sin.

Demosiden gir et ganske klart eksempel på hvordan dette grunnlinjen fungerer, inkludert listeposter, trekk anførselstegn og ulike overskriftstørrelser.

I tillegg kan du legge til dette i frontend-rammer som Bootstrap hvis du er villig til å gjøre noen mindre justeringer av koden din. De hele Sassline biblioteket er super allsidig og det skal være en stift for Sass elskere overalt.

For å komme i gang, besøk hoved GitHub repo og last ned en kopi av kildefilene.

Du finner også oppsettinstruksjoner og en lenke til dette fantastiske blogginnlegget som veileder deg gjennom Sassline-bibliotekets funksjon ved hjelp av funksjonen.