Webutviklere bør være kjent med en eller begge forprosessorer
Cola eller Pepsi, Mac eller PC, Marvel eller DC? I hvert samfunn er det en debatt om hvilken er bedre. For webdesignere eller utviklere er den debatten Sass eller Less.
Hva er Sass og mindre?
Syntactically Awesome Stylesheets (Sass) og Leaner CSS (LESS) er begge CSS preprosessorer. De er spesielle stilark utvidelser som gjør utformingen enklere og mer effektiv. Både Sass og LESS kompilere i CSS stilark slik at nettlesere kan lese dem, noe som er et nødvendig skritt fordi moderne nettlesere ikke kan lese .sass eller .frie filtyper.
Hvis du planlegger å være i en verden av webutvikling, er det en god ide å være velbevandret i en av de to forprosessorer - eller begge deler .
Når det kommer til det, er begge like. De gjør CSS enklere, mer objektorientert og en mer fornøyelig opplevelse. Likevel er det noen viktige forskjeller. Fem av dem er oppført her.
01 Sass er i Ruby. Mindre er i JavaScript
MINDRE ble konstruert i Ruby som Sass, men det har blitt sendt til JavaScript. For å bruke LESS, laster du opp de aktuelle JavaScript-filene til serveren din eller kompilerer CSS-arkene via en offline-kompilator.
02 For å tilordne variabler: Sass bruker $; Mindre bruksområder @
Både Sass og LESS bruker spesialiserte tegn til å tilordne variabler. På denne måten behøver du ikke fortsette å skrive inn spesifikasjoner; du kan bare skrive inn tegnet.
I Sass er det dollartegnet ($). I MINDRE er det symbolet (@). Den eneste ulempen for MINDRE er at det finnes noen eksisterende CSS-selektorer som allerede bruker @, slik at det kan stivne læringskurven litt.
03 Sass har kompass, har mindre preboot
Sass og MINDRE har utvidelser tilgjengelig for å integrere mixins (evnen til å lagre og dele CSS-deklarasjoner gjennom et nettsted).
Sass har Kompass tilgjengelig for mixins, som inkluderer alle muligheter som er tilgjengelige med oppdateringer for fremtidig støtte.
MINDRE har Preboot.less, MINDER Mixins, MINDER Elementer, GS, og Frameless. 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 du trenge alle de oppførte utvidelsene for å få en lignende ytelse til Compass.
04 MINDRE har bedre feilmeldinger enn Sass
Både Sass og LESS har blitt testet for deres evne til å rapportere feil i syntaks. MINDRE har mer nøyaktige feilmeldinger i testene ved at den rapporterte feil sted for feilen.
Noe som dette kan spare litt tid på å svette over en skrivefeil.
05 MINDRE har mer brukervennlig dokumentasjon enn Sass
Den MINDRE dokumentasjonen er visuelt tiltalende og enklere å følge for førstegangsbrukere. Sass-dokumentasjonen har mye mer av kunnskapsbase eller wiki-oppsett.
Dette er et faktum som kan være viktig for adopsjonsraten for enten Sass eller LESS siden det er en plattform utviklet for bruk i webdesign.