Sass og LESS forprosessorer

Webutviklere bør være kjent med en eller begge forprosessorene

Cola eller Pepsi, Mac eller PC, Marvel eller DC? I hvert samfunn er det en debatt om hva som er best. For webdesignere eller utviklere , den debatten er Sass eller LESS.

Syntactically Awesome Stylesheets (Sass) og Leaner CSS (LESS) er begge CSS-forbehandlere. De er spesielle stilarkutvidelser som gjør utformingen enklere og mer effektiv. Både Sass og LESS kompileres til CSS-stilark slik at nettlesere kan lese dem. Dette er et nødvendig trinn fordi moderne nettlesere ikke kan lese .sass eller .less filtyper.

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

Sass er i Ruby mens LESS er i Javascript

Shannon Fagan/Getty Images

Sass er basert i Ruby og krever en Ruby-installasjon. Dette er ingen stor sak hvis du har en Mac. Det er imidlertid en lengre installasjon hvis du har en Windows-maskin.

LESS ble konstruert i Ruby, som Sass, men den har blitt overført til JavaScript. For å bruke MINDRE, må du laste opp de aktuelle JavaScript-filene til serveren din eller kompilere CSS-arkene gjennom en frakoblet kompilator.

For å tildele variabler bruker Sass '$' mens LESS bruker '@'

Luis Alvarez/Getty Images

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

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

Sass har kompass mens LESS har forhåndsstart

Caiaimage/Gertty Images

Sass og LESS har utvidelser tilgjengelig for å integrere mixins (muligheten til å lagre og dele CSS-deklarasjoner på et nettsted).

Sass bruker Compass for mixins, som inkluderer alle tilgjengelige alternativer med oppdateringer for fremtidig støtte.

LESS har Preboot.less, LESS Mixins, LESS Elements, gs og Frameless. LESSs 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 må du kanskje bruke flere (eller alle) de oppførte utvidelsene for å gjenskape ytelsen til Compass.

LESS har bedre feilmeldinger enn Sass

Razvan Chisu/Getty Images

Både Sass og LESS har blitt testet for deres evne til å rapportere feil i syntaks. LESS har mer nøyaktige feilmeldinger i testene – den rapporterte riktig plassering av feilen. Dette kan være nyttig når en skrivefeil sporer av koden. MÆRE feilmeldinger kan hjelpe deg raskt å identifisere problemet.

LESS har mer brukervennlig dokumentasjon enn Sass

Hero Images/Getty Images

LESS-dokumentasjonen er visuelt tiltalende og lettere å følge for førstegangsbrukere. Sass-dokumentasjonen krever enten mye mer grunnleggende kunnskap, eller hyppige kryssreferanser med en wiki under oppsett.​

Dette faktum kan i seg selv veie tungt på adopsjonsratene til enten Sass eller LESS.