Webudviklere skal være fortrolige med en eller begge forprocessorer
Koks eller Pepsi, Mac eller PC, Marvel eller DC? I alle samfund er der en debat om hvilken der er bedre. For webdesignere eller udviklere er denne debat Sass eller Less.
Hvad er Sass og mindre?
Syntactically Awesome Stylesheets (Sass) og Leaner CSS (LESS) er begge CSS preprocessorer. De er specielle stylesheet extensions, der gør designen nemmere og mere effektiv. Både Sass og LESS kompilerer i CSS stylesheets, så browsere kan læse dem, hvilket er et nødvendigt skridt, fordi moderne browsere ikke kan læse .sass eller .less filtyper.
Hvis du planlægger at være i en verden af webudvikling, er det en god idé at være velbevandret i en af de to forprocessorer - eller begge dele .
Når det kommer til det, er begge ens. De gør skrive CSS enklere, mere objektorienteret og en mere fornøjelig oplevelse. Ikke desto mindre er der nogle få vigtige forskelle. Fem af dem er angivet her.
01 Sass er i Ruby. Mindre er i JavaScript
Mindre blev bygget i Ruby som Sass, men det er blevet sendt til JavaScript. For at bruge LESS uploader du de anvendte JavaScript-filer til din server eller kompilerer CSS-arkene via en offline compiler.
02 For at tildele variabler: Sass bruger $; Mindre anvendelser @
Både Sass og LESS bruger specialiserede tegn til at tildele variabler. På denne måde behøver du ikke at fortsætte med at skrive specifikationer; Du kan bare indtaste tegnet.
I Sass er det dollartegnet ($). I LESS er det at symbolet (@). Den eneste ulempe for MINDRE er, at der er et par eksisterende CSS-selektorer, der allerede bruger @, så det kan stive læringskurven lidt.
03 Sass har kompas, mindre har præboot
Sass og MINDRE har udvidelser til rådighed for at integrere mixins (evnen til at gemme og dele CSS-erklæringer i hele et websted).
Sass har Compass tilgængelig for mixins, som indeholder alle muligheder, der er tilgængelige med opdateringer til fremtidig support.
MINDRE har Preboot.less, mindre mixiner, mindre elementer, gs og rammeløse. MINDERS software support er mere fragmenteret end Sass, hvilket resulterer i mange forskellige muligheder for udvidelser, der muligvis ikke alle fungerer på samme måde. For dit projekt kan du have brug for alle de listede udvidelser for at få en lignende ydeevne til Compass.
04 LESS har bedre fejlmeddelelser end Sass
Både Sass og LESS er blevet testet for deres evne til at rapportere fejl i syntaksen. MINDRE har mere nøjagtige fejlmeddelelser i testene, idet den rapporterede korrekt placering af fejlen.
Noget som dette kunne spare lidt tid på at svede over en tastatur.
05 LESS har mere brugervenlig dokumentation end Sass
Den MINDER dokumentation er visuelt tiltalende og lettere at følge for første gangs brugere. Sass-dokumentationen har meget mere af en videnbase eller wiki-opsætning.
Dette er et faktum, der kunne være vigtigt for adoptionshastigheden for enten Sass eller LESS, da det er en platform designet til brug i webdesign.