Sass og mindre forbehandling

Coke eller Pepsi, Mac eller PC, Marvel eller DC? I hvert samfunn er det en debatt som er bedre. For webdesignere eller utviklere er den debatten sass eller mindre.

Syntaktisk fantastiske stilark (SASS) og slankere CSS (mindre) er begge CSS -forprosessorer. De er spesielle stilarkutvidelser som gjør design enklere og mer effektive. Både sass og mindre kompilerer i CSS -stilark slik at nettlesere kan lese dem. Dette er et nødvendig skritt fordi moderne nettlesere ikke kan lese .sass eller .Mindre filtyper.

Hvis du planlegger å være i verden av nettutvikling, er det en god idé å være godt kjent med en av de to forprosessorene-hvis ikke begge. Når det kommer til det, har de mange likheter. De gjør å skrive CSS enklere, mer objektorientert og morsommere. Likevel er det noen viktige forskjeller.

01 av 05

Sass er i Ruby mens mindre er i JavaScript

Shannon Fagan/Getty Images

Sass er basert i Ruby og krever en Ruby -installasjon. Dette er ikke så farlig hvis du har en Mac. Imidlertid er det en lengre installasjon hvis du har en Windows -maskin.

Mindre ble konstruert i Ruby, som Sass, men det er blitt portet til JavaScript. For å bruke mindre, må du laste opp de aktuelle JavaScript -filene til serveren din eller kompilere CSS -arkene gjennom en offline kompilator.

02 av 05

For å tilordne variabler bruker Sass '$' mens mindre bruker '@'

  Luis Alvarez/Getty Images

Både sass og mindre bruker spesialiserte tegn for å tilordne variabler. Dette er en del av fordelen med å bruke disse forprosessorene. Du trenger ikke å fortsette å legge inn spesifikasjoner hver gang du vil tilordne variabler. I stedet kan du bare angi tegnet.

I Sass er det dollarskiltet ($). I mindre er det "at" -symbolet (@). Den eneste ulempen for mindre er at det er noen få eksisterende CSS -velgere som allerede bruker @. Den komplikasjonen kan stivne læringskurven litt.

03 av 05

Sass har kompass mens mindre har preboot

  CaiaImage/Gertty Images

SASS og mindre har utvidelser tilgjengelig for å integrere Mixins (muligheten til å lagre og dele CSS -erklæringer i hele et nettsted).

Sass bruker Compass for Mixins, som inkluderer alle alternativene som er tilgjengelige med oppdateringer for fremtidig støtte.

Mindre har preboot.mindre, mindre mixins, mindre elementer, GS og rammeløs. Less programvarestøtte er mer fragmentert enn Sass, noe som resulterer i mange forskjellige alternativer for utvidelser som kanskje ikke alle fungerer på samme måte. For prosjektet ditt kan det hende du må bruke flere (eller alle) av de listede utvidelsene for å gjenskape ytelsen til Compass.

04 av 05

Mindre har bedre feilmeldinger enn sass

  Razvan Chisu/Getty Images

Både sass og mindre er testet for deres evne til å rapportere feil i syntaks. Mindre har mer nøyaktige feilmeldinger i testene-det rapporterte riktig plassering av feilen. Dette kan komme til nytte når en skrivefeil avsporer koden. Mindre feilmeldinger kan hjelpe deg raskt å identifisere problemet.

05 av 05

Mindre har mer brukervennlig dokumentasjon enn Sass

  Heltbilder/Getty Images 

Den mindre dokumentasjonen er visuelt tiltalende og enklere å følge for førstegangsbrukere. SASS-dokumentasjonen krever enten mye mer av basekunnskap, eller hyppige kryssreferanser med en wiki under oppsett.

Dette faktum i seg selv kunne veie tungt på adopsjonsraten til enten sass eller mindre.