Weboví vývojáři by měli být obeznámeni s jedním nebo oběma předprocesory
Koks nebo Pepsi, Mac nebo PC, Marvel nebo DC? V každé komunitě existuje debata, která je lepší. Pro webových designérů nebo vývojáře je tato debata Sass nebo méně.
Co je Sass a méně?
Syntakticky úžasné styly (Sass) a Leaner CSS (LESS) jsou oba CSS preprocesory. Jedná se o speciální rozšíření stylových listů, které usnadňují a zefektivňují projektování. Jak Sass, tak LESS kompilují do stylů CSS tak, aby je prohlížeč mohl číst, což je nezbytný krok, protože moderní prohlížeče nemohou číst soubory typu .sass nebo .less.
Pokud plánujete být ve světě rozvoje webu, je dobré, abyste byli v jednom ze dvou předprocesorů - nebo obojí .
Když k tomu dojde, jsou oba podobné. Oni dělají psaní CSS jednodušší, více objektově orientované a příjemnější zážitek. Přesto existuje několik klíčových rozdílů. Pět z nich je uvedeno zde.
01 Sass je v Ruby. LESS je v jazyce JavaScript
LESS byla postavena v Ruby jako Sass, ale byla přenesena do jazyka JavaScript. Chcete-li použít LESS, nahrajete příslušné soubory JavaScriptu na svůj server nebo kompilujete listy CSS pomocí kompilátoru offline.
02 Přiřazení proměnných: Sass používá $; LESS Uses @
Jak Sass, tak LESS použijí pro přiřazení proměnných speciální znaky. Tímto způsobem nemusíte zadávat specifikace; můžete zadat znak.
V Sass je to znak dolaru ($). V LESS je to symbol (@). Jediná nevýhoda pro LESS je, že existuje několik existujících selektorů CSS, které již používají @, takže může trochu utuhnout křivku učení.
03 Sass má kompas, LESS má Preboot
Sass a LESS mají k dispozici rozšíření pro integraci mixinů (schopnost ukládat a sdílet deklaraci CSS v celém webu).
Sass má kompas k dispozici pro mixiny, který obsahuje všechny dostupné možnosti s aktualizacemi pro budoucí podporu.
LESS obsahuje Preboot.less, LESS Mixins, LESS Elements, gs a Frameless. Softwarová podpora LESS je roztříštěnější než Sass, což má za následek spoustu různých možností rozšíření, které nemusí fungovat stejným způsobem. Pro váš projekt možná budete potřebovat všechna uvedená rozšíření, abyste získali podobný výkon jako Compass.
04 Méně má lepší chybové zprávy než Sass
Jak Sass, tak LESS byly testovány na schopnost hlásit chyby v syntaxi. Méně má v testu přesnější chybové zprávy v tom, že udává správné umístění chyby.
Něco takového by mohlo ušetřit trochu času pocení nad překlepem.
05 LESS má uživatelsky přívětivější dokumentaci než Sass
Dokumentace LESS je vizuálně přitažlivá a jednodušší pro první uživatele. Dokumentace Sass má mnohem víc znalostní báze nebo nastavení wiki.
To je fakt, který by mohl být důležitý pro míru osvojení buď Sass, nebo LESS, protože je platformou navrženou pro použití v návrhu webových stránek.