Cola eller Pepsi, Mac eller PC, Marvel eller DC? I varje samhälle finns det en debatt om vilket som är bättre. För webbdesigners eller utvecklare, den debatten är Sass eller LESS.
Syntactically Awesome Stylesheets (Sass) och Leaner CSS (LESS) är båda CSS-förprocessorer. De är speciella stilarkstillägg som gör designen enklare och effektivare. Både Sass och LESS kompilerar till CSS-formatmallar så att webbläsare kan läsa dem. Detta är ett nödvändigt steg eftersom moderna webbläsare inte kan läsa .sass eller .less filtyper.
Om du planerar att vara i webbens värld utveckling, det är en bra idé att vara väl insatt i en av de två förprocessorerna – om inte båda. När det kommer till kritan har de många likheter. De gör det enklare, mer objektorienterat och roligare att skriva CSS. Ändå finns det några viktiga skillnader.
Sass är i Ruby medan LESS är i Javascript
Sass är baserat i Ruby och kräver en Ruby-installation. Det här är ingen stor sak om du har en Mac. Det är dock en längre installation om du har en Windows-maskin.
LESS konstruerades i Ruby, som Sass, men den har porterats till JavaScript. För att använda LESS måste du ladda upp tillämpliga JavaScript-filer till din server eller kompilera CSS-ark genom en offlinekompilator.
För att tilldela variabler använder Sass '$' medan LESS använder '@'
Både Sass och LESS använder specialtecken för att tilldela variabler. Detta är en del av fördelen med att använda dessa förprocessorer. Du behöver inte fortsätta ange specifikationer varje gång du vill tilldela variabler. Istället kan du bara skriva in tecknet.
I Sass är det dollartecknet ($). I LESS är det "at"-symbolen (@). Den enda nackdelen med LESS är att det finns några befintliga CSS-väljare som redan använder @. Den komplikationen skulle kunna styva inlärningskurvan lite.
Sass har kompass medan LESS har förstart
Sass och LESS har tillägg tillgängliga för att integrera mixins (möjligheten att lagra och dela CSS-deklarationer på en webbplats).
Sass använder Compass för mixins, vilket inkluderar alla tillgängliga alternativ med uppdateringar för framtida support.
LESS har Preboot.less, LESS Mixins, LESS Elements, gs och Frameless. LESSs mjukvarustöd är mer fragmenterat än Sass, vilket resulterar i många olika alternativ för tillägg som kanske inte alla fungerar på samma sätt. För ditt projekt kan du behöva använda flera (eller alla) av de angivna tilläggen för att replikera prestanda för Compass.
LESS har bättre felmeddelanden än Sass
Både Sass och LESS har testats för sin förmåga att rapportera fel i syntax. LESS har mer exakta felmeddelanden i testerna – den rapporterade den korrekta platsen för felet. Detta kan vara praktiskt när ett stavfel leder ur koden. FÄRRE felmeddelanden kan hjälpa dig att snabbt identifiera problemet.
LESS har mer användarvänlig dokumentation än Sass
LESS-dokumentationen är visuellt tilltalande och lättare att följa för förstagångsanvändare. Sass-dokumentationen kräver antingen mycket mer baskunskap eller frekventa korsreferenser med en wiki under installationen.
Detta faktum i och för sig kan väga tungt på adoptionsfrekvensen för antingen Sass eller LESS.