Webbutvecklare ska vara bekanta med en eller båda förprocessorerna
Cola eller Pepsi, Mac eller PC, Marvel eller DC? I varje samhälle finns det en debatt om vilken är bättre. För webbdesigners eller utvecklare är den debatten Sass eller Less.
Vad är Sass och mindre?
Syntactically Awesome Stylesheets (Sass) och Leaner CSS (LESS) är båda CSS preprocessorer. De är speciella typsnittstillägg som gör det enklare och effektivare att designa. Både Sass och LESS kompilerar in i CSS stylesheets så att webbläsare kan läsa dem, vilket är ett nödvändigt steg eftersom moderna webbläsare inte kan läsa .sass eller .less filtyper.
Om du planerar att vara i webbutvecklingsvärlden, är det en bra idé att vara välkänd i en av de två förprocessorerna - eller båda .
När det kommer till det, är båda lika. De gör att skriva CSS enklare, mer objektorienterad och en mer njutbar upplevelse. Ändå finns det några viktiga skillnader. Fem av dem är listade här.
01 Sass är i Ruby. MINDRE Finns i JavaScript
MINDRE byggdes i Ruby som Sass, men det har blivit portat till JavaScript. För att använda LESS, laddar du upp de aktuella JavaScript-filerna till din server eller sammanställer CSS-arken via en offline-kompilator.
02 Att tilldela variabler: Sass använder $; MINDRE ANVÄNDNINGAR @
Både Sass och LESS använder specialiserade tecken för att tilldela variabler. På så sätt behöver du inte fortsätta skriva in specifikationerna. du kan bara skriva in tecknet.
I Sass är det dollar tecknet ($). I MINDRE är det at-symbolen (@). Den enda nackdelen för MINDRE är att det finns några befintliga CSS-väljare som redan använder @, så det kan förstärka inlärningskurvan lite.
03 Sass har kompass, har mindre preboot
Sass och LESS har förlängningar tillgängliga för att integrera mixins (förmågan att lagra och dela CSS-deklarationer genom en webbplats).
Sass har Kompass tillgänglig för mixins, vilket inkluderar alla tillgängliga alternativ med uppdateringar för framtida support.
MINDRE har Preboot.less, MINDER Mixins, MINDER Element, GS, och Frameless. LESS programvara är mer fragmenterat än Sass, vilket resulterar i många olika alternativ för tillägg som inte alla fungerar på samma sätt. För ditt projekt kan du behöva alla listade tillägg för att få en liknande prestanda som Compass.
04 LESS har bättre felmeddelanden än Sass
Både Sass och LESS har testats för deras förmåga att rapportera fel i syntaxen. MINDRE har mer exakta felmeddelanden i testen genom att det rapporterade fel placering av felet.
Något som detta kan spara lite tid att svettas över ett skrivbord.
05 MINDRE har mer användarvänlig dokumentation än Sass
Den mindre dokumentationen är visuellt tilltalande och lättare att följa för första gången. Sass-dokumentationen har mycket mer av en kunskapsbas eller wiki-inställning.
Detta är ett faktum som kan vara viktigt för antagningsgraden för antingen Sass eller LESS eftersom det är en plattform avsedd att användas i webbdesign.