Cola nebo Pepsi, Mac nebo PC, Marvel nebo DC? V každé komunitě se diskutuje o tom, co je lepší. Pro webdesignery popř vývojáři, ta debata je Sass nebo LESS.
Syntactically Awesome Stylesheets (Sass) a Leaner CSS (LESS) jsou oba preprocesory CSS. Jsou to speciální rozšíření stylů, která usnadňují a zefektivňují navrhování. Sass i LESS se kompilují do šablon stylů CSS, aby je prohlížeče mohly číst. Toto je nezbytný krok, protože moderní prohlížeče neumí číst typy souborů .sass nebo .less.
Pokud plánujete být ve světě webu rozvoj, je dobré se dobře orientovat v jednom ze dvou preprocesorů – pokud ne v obou. Když na to přijde, mají hodně podobností. Díky nim je psaní CSS jednodušší, objektově orientované a příjemnější. Přesto existuje několik zásadních rozdílů.
Sass je v Ruby, zatímco LESS je v Javascriptu
Sass je založen v Ruby a vyžaduje instalaci Ruby. To není velký problém, pokud máte Mac. Je to však delší instalace, pokud máte počítač s Windows.
LESS byl vytvořen v Ruby, stejně jako Sass, ale byl přenesen do JavaScriptu. Chcete-li použít LESS, musíte na svůj server nahrát příslušné soubory JavaScriptu nebo zkompilovat listy CSS pomocí offline kompilátoru.
K přiřazení proměnných používá Sass '$', zatímco LESS používá '@'
Sass i LESS používají k přiřazení proměnných specializované znaky. To je součástí výhody použití těchto preprocesorů. Nemusíte neustále zadávat specifikace pokaždé, když chcete přiřadit proměnné. Místo toho stačí zadat znak.
V Sass je to znak dolaru ($). V LESS je to symbol „zavináč“ (@). Jedinou nevýhodou LESS je, že existuje několik existujících selektorů CSS, které již používají @. Tato komplikace by mohla trochu přitvrdit křivku učení.
Sass má kompas, zatímco LESS má preboot
Sass a LESS mají k dispozici rozšíření pro integraci mixinů (možnost ukládat a sdílet deklarace CSS v rámci webu).
Sass používá pro mixiny kompas, který zahrnuje všechny dostupné možnosti s aktualizacemi pro budoucí podporu.
LESS má Preboot.less, LESS Mixins, LESS Elements, gs a Frameless. Softwarová podpora LESS je roztříštěnější než Sass, což má za následek mnoho různých možností pro rozšíření, která nemusí všechna fungovat stejně. Pro váš projekt možná budete muset použít více (nebo všechna) z uvedených rozšíření, abyste replikovali výkon kompasu.
LESS má lepší chybové zprávy než Sass
Sass i LESS byly testovány na schopnost hlásit chyby v syntaxi. LESS má v testech přesnější chybová hlášení – oznámila správné umístění chyby. To se může hodit, když kód vykolejí překlep. MÉNĚ chybových zpráv vám může pomoci rychle identifikovat problém.
LESS má uživatelsky přívětivější dokumentaci než Sass
Dokumentace LESS je vizuálně přitažlivá a snazší pro začátečníky. Dokumentace Sass vyžaduje buď mnohem více základních znalostí, nebo časté křížové odkazy s wiki během instalace.
Tato skutečnost sama o sobě by mohla těžce ovlivnit míru přijetí Sass nebo LESS.