Luo Baseline Gridit verkossa käyttämällä Sassline-ohjelmaa

Suuri osa online-sisällöstä on tekstipohjaista, mutta ihmiset eivät halua lukea sivustosi tekstiä, ellei typografia ole hyvin suunniteltu.

Saatat työskennellä räätälöityjä kehyksiä, mutta ne voivat tuntea rajoittavan. Sen sijaan kokeile Sassline, ilmainen Sass-pohjainen kirjasto, joka luo täydelliset ruudukot verkossa.

Tämä ilmainen työkalu toimii Sassilla, joten sinun täytyy tietää etukäteen tämä esikäsittelykieli. Jos olet edelleen uusi web-kehitykseen, niin se on hyvä idea harjoitella CSS: ää ja Sassia ennen Sassline-palvelun ottamista.

Mutta kun opit sen, et koskaan suunnittele ulkoasuja samalla tavalla.

Se käyttää rem-yksiköitä luodakseen räätälöityjä perusviivoja, jotka sopivat tekstisi läpi. Tämä sisältää kaikki otsikot, kappaleet, lohkot, kaikki.

Sassline on varustettu reagoivilla katkaisupisteillä, joten voit automaattisesti säätää tekstin kokoa (ja linjan korkeutta) Sassline-verkkoon perustuen. Tämä perustuu Sass-sekoittimiin, jotka vaativat Sass-kokemusta, jos haluat työskennellä heidän kanssaan.

Siksi suosittelen tätä työkalua erityisesti kokeneet web-kehittäjät haluavat parantaa työnkulkua.

Demo-sivu tarjoaa melko selkeän esimerkin siitä, miten tämä runkoverkko toimii, mukaan lukien luettelokohdat, vetokurssit ja eri otsikkokoot.

Voit lisätä tämän myös Frontend-kehyksiin kuten Bootstrapiin, jos olet valmis tekemään pieniä muutoksia koodiin. koko Sassline-kirjasto on erittäin monipuolinen ja sen pitäisi olla Sassin ystäville kaikkialla.

Käynnistäksesi pää GitHub-repo ja lataa kopio lähdetiedostoista.

Löydät myös asennusohjeet ja linkin tähän mahtavaan blogipostiin, joka ohjaa sinua Sassline-kirjastotoiminnon avulla.