Rozdiely medzi Sass a LESS Preprocessors

ТОП 5 преимуществ CSS препроцессоров (LESS, SASS / SCSS, Stylus). Какой препроцессор css лучше

Obsah:

Čo sú Sass a LESS?
01 Sass je v Ruby, zatiaľ čo LESS je v Javascript
03 Sass má kompas, zatiaľ čo LESS má predboot
04 LESS má lepšie chybové hlásenia ako Sass
05 LESS má viac užívateľsky priateľskej dokumentácie ako Sass

Coke alebo Pepsi, Mac alebo PC, Marvel alebo DC? V každej komunite je diskusia, ktorá je lepšia. Pre web dizajnérov alebo vývojárov je táto diskusia Sass alebo Less.

Čo sú Sass a LESS?

Syntactically Awesome Stylesheets (Sass) a Leaner CSS (LESS) sú obidva preprocesory CSS. Sú to špeciálne rozšírenia štýlov, ktoré uľahčujú a zefektívňujú návrh. Sass aj LESS kompilovať do CSS štýlov tak, aby ich prehliadače mohli čítať, čo je nevyhnutný krok, pretože moderné prehliadače nedokážu čítať.sass alebo.less typy súborov.

Ak máte v pláne byť vo svete vývoja webu, je to dobrý nápad, aby ste sa dobre orientovali v jednom z dvoch preprocesorov - alebo v oboch.

Keď príde na to, obe sú podobné. Robia písanie CSS jednoduchšie, viac objektovo orientované a príjemnejší zážitok. Existuje však niekoľko kľúčových rozdielov.

01 Sass je v Ruby, zatiaľ čo LESS je v Javascript

Sass aj LESS používajú na priradenie premenných špecializované znaky. Týmto spôsobom nemusíte zadávať špecifikácie; stačí zadať znak.

V Sass je to znak dolára ($). V LESS je to symbol na znamienku (@). Jediná nevýhoda pre LESS je, že existuje niekoľko existujúcich CSS selektorov, ktoré už používajú @, takže môže trochu stuhnúť krivku učenia.

03 Sass má kompas, zatiaľ čo LESS má predboot

Sass a LESS majú k dispozícii rozšírenia na integráciu mixov (schopnosť ukladať a zdieľať deklarácie CSS v rámci celej lokality).

Sass má k dispozícii Compass pre mixiny, ktorý obsahuje všetky dostupné možnosti s aktualizáciami pre budúcu podporu.

LESS má Preboot.less, LESS Mixins, LESS Elements, gs a Frameless. Softvérová podpora spoločnosti LESS je roztrieštenejšia ako Sass, čo má za následok množstvo rôznych možností rozšírení, ktoré nemusia fungovať rovnakým spôsobom. Pre váš projekt možno budete potrebovať všetky uvedené rozšírenia, aby ste získali podobný výkon ako Compass.

04 LESS má lepšie chybové hlásenia ako Sass

Sass aj LESS boli testované na schopnosť hlásiť chyby v syntaxi. LESS má v testoch presnejšie chybové hlásenia v tom, že hlásil správne umiestnenie chyby.

Niečo podobné by mohlo ušetriť trochu času potenie nad preklepom.

05 LESS má viac užívateľsky priateľskej dokumentácie ako Sass

Dokumentácia LESS je vizuálne príťažlivá a ľahšie sledovateľná pre používateľov, ktorí ju využívajú prvýkrát. Dokumentácia Sass má oveľa viac vedomostnej bázy alebo wiki nastavenia.

To je fakt, ktorý by mohol byť dôležitý pre prijatie sadzieb buď Sass alebo LESS, pretože je platforma určená pre použitie v dizajne webových stránok.