Opret baseline-net på nettet ved hjælp af Sassline

En stor del af onlineindhold er tekstbaseret, men folk vil ikke være interesseret i at læse teksten på dit websted, medmindre typografi er godt designet.

Du kan arbejde med brugerdefinerede rammer, men de kan føle sig restriktive. Prøv i stedet Sassline, et gratis Sass-baseret bibliotek til at skabe perfekte netlinjer på nettet.

Dette gratis værktøj virker på Sass, så du skal først kende din måde omkring det præprocessing sprog. Hvis du stadig er ny til webudvikling, så er det en god ide at øve din CSS og Sass før du henter Sassline.

Men når du lærer det, vil du aldrig designe layouter på samme måde igen.

Det bruger rem-enheder til at oprette brugerdefinerede baselinier, der passer til din tekst over hele linjen. Dette omfatter alle dine overskrifter, afsnit, blokeringer, alt.

Og Sassline kommer med følsomme breakpoints, så du kan automatisk justere din tekststørrelse (og linjens højde) baseret på Sassline-nettet. Dette afhænger af Sass mixins, som kræver Sass erfaring, hvis du vil arbejde med dem.

Derfor anbefaler jeg specifikt dette værktøj til erfarne webudviklere søger at forbedre deres arbejdsgang.

Demo-siden giver et ret klart eksempel på, hvordan dette baseline-net fungerer, herunder listeposter, træk citater og forskellige overskriftsstørrelser.

Plus du kan tilføje dette til frontend-rammer som Bootstrap, hvis du er villig til at foretage nogle mindre justeringer af din kode. Det hele Sassline biblioteket er super alsidigt og det bør være en hæfteklamme til Sass elskere overalt.

For at komme i gang besøg hoved GitHub repo og download en kopi af kildefilerne.

Du finder også opsætningsinstruktioner og et link til dette fantastiske blogindlæg, der vejleder dig gennem Sassline-bibliotekets funktion efter funktion.