CSS: n kirjoittaminen voi olla melko toistuvia ja pieniä tehtäviä, kuten heksadesimaalisten väriarvojen etsiminen, sulkumerkinnät voivat muuttua aikaa vieviksi. CSS Preprocessor on pohjimmiltaan skriptikieli, joka laajentaa CSS: ää ja kääntää sen tavalliseen CSS: ään.
Edut prosessorin käyttämisestä
- Puhdista koodi useilla elementeillä ja muuttujilla.
- Säästää aikaa.
- Helpompi ylläpitää koodia fragmenttien ja kirjastojen kanssa.
- Laskelmat ja logiikka.
- Järjestäytyneempi ja helpompi asentaa.
Sass ja Less ovat erittäin tehokkaita CSS-laajennuksia. Voit ajatella niitä ohjelmointikielenä, joka on suunniteltu tekemään CSS: n käyttökelpoisemmaksi, temaattiseksi ja laajennettavaksi. Sekä Sass että Less ovat palautetta yhteensopivia, joten voit helposti muuntaa olemassa olevat CSS-tiedostot nimeämällä sen uudelleen.
Sass kirjoitettiin alun perin Rubyyn vuonna 2006. Uusi syntaksi - SCSS - käyttää lohkon muotoilua tavallisena CSS: na. Se käyttää sulkuja erillisiin koodilohkoihin ja puolipisteisiin sääntöjen erottamiseksi lohkon sisällä. Tällä hetkellä on parempi käyttää uutta SCSS-syntaksia.
Less oli alunperin kirjoitettu Ruby-ohjelmassa, mutta myöhemmissä versioissa tämän kielen käyttö on vanhentunut ja korvattu JavaScriptillä. Se julkaistiin vuonna 2009. Less avulla voit koota reaaliajassa sisällyttämällä HTML.-tiedostoosi less.js: a käyttämättä mitään ulkoista työkalua. On kuitenkin suositeltavaa käyttää sitä vain kehitystyön aikana, koska tuotannossa se voi hidastaa verkkosivuston esittämistä.
Molemmilla on enemmän tai vähemmän samanlaisia toimintoja. Syntaksi on pohjimmiltaan sama, yksi tärkein ero - muuttujien määrittelemiseksi, Less käyttää @ ja Sass - $.