Skapa baseline-nät på webben med Sassline

En stor del av innehållet på nätet är textbaserat, men människor är inte intresserade av att läsa texten på din webbplats om inte typografi är väl utformad.

Du kanske arbetar med anpassade ramar men de kan känna sig restriktiva. I stället försöker Sassline, ett gratis Sass-baserat bibliotek för att skapa perfekta gridlines på webben.

Detta fria verktyg fungerar på Sass så du måste känna din väg runt det förbehandlingsspråket först. Om du fortfarande är ny för webbutveckling är det en bra idé att träna din CSS och Sass innan du tar upp Sassline.

Men när du lär dig det kommer du aldrig att utforma layouter på samma sätt igen.

Den använder remenheter för att skapa anpassade baslinjer som passar din text över hela linjen. Detta inkluderar alla dina rubriker, stycken, blockquotes, allt.

Och Sassline kommer med responsiva brytpunkter så att du automatiskt kan justera din textstorlek (och linjehöjd) baserat på Sassline-rutnätet. Detta beror på Sass mixins som kräver Sass erfarenhet om du vill arbeta med dem.

Därför rekommenderar jag specifikt detta verktyg för erfarna webbutvecklare ser för att förbättra sitt arbetsflöde.

Demo-sidan erbjuder ett ganska tydligt exempel på hur det här grunnlinjen fungerar, inklusive listobjekt, rita citat och olika rubrikstorlekar.

Dessutom kan du lägga till detta i frontend-ramar som Bootstrap om du är villig att göra några mindre anpassningar till din kod. De hela Sassline-biblioteket är super mångsidigt och det borde vara en häftklammer för Sass-älskare överallt.

För att komma igång, besök huvud GitHub repo och hämta en kopia av källfilerna.

Du hittar också installationsinstruktioner och en länk till det här fantastiska blogginlägget som guidar dig genom Sassline-bibliotekets funktion efter funktion.