Stvorite osnovne mreže na webu koristeći Sassline

Veći dio internetskog sadržaja temelji se na tekstu, ali ljudi neće biti zainteresirani za čitanje teksta na vašoj web-lokaciji osim ako je tipografija dobro osmišljena.

Možda radiš s tim prilagođeni okviri, ali oni se mogu osjećati restriktivno. Umjesto toga pokušajte Sassline, besplatnu knjižnicu utemeljenu na Sassu za stvaranje savršenih rešetki na webu.

Ovaj besplatni alat radi na Sassu tako da ćete najprije morati znati svoj put oko tog pretprocesiranja. Ako ste još uvijek novi u razvoju weba onda je to dobra ideja vježbajte svoj CSS i Sass prije nego pokupite Sassline.

Ali jednom kada to naučite, nikada više nećete dizajnirati rasporede na isti način.

Koristi rem jedinice za stvaranje prilagođene osnovne linije koje odgovaraju vašem tekstu na cijeloj ploči. To uključuje sve vaše zaglavlja, odlomke, blokove, sve.

Sassline dolazi s odgovarajućim točkama prekida tako da možete automatski prilagoditi veličinu teksta (i visinu linije) na temelju Sassline mreže. Ovo se oslanja na Sass mixine koji zahtijevaju Sass iskustvo ako želite raditi s njima.

Zbog toga posebno preporučujem ovaj alat iskusni web programeri žele poboljšati svoj tijek rada.

Demo stranica nudi prilično jasan primjer kako ova osnovna mreža funkcionira, uključujući stavke popisa, izvlačenje ponuda i različite veličine zaglavlja.

Osim toga, možete ga dodati u okvire sučelja kao što je Bootstrap ako ste voljni napraviti neke manje prilagodbe koda. cijela Sassline knjižnica je super svestrana i trebala bi biti posuda za ljubitelje Sassa svugdje.

Za početak posjetite glavni GitHub repo i preuzmite kopiju izvornih datoteka.

Također ćete naći upute za postavljanje i link na ovaj strašan blog post koji vas vodi kroz značajku Sassline knjižnice po značajkama.