Webontwikkelaars moeten bekend zijn met een of beide preprocessors
Coke of Pepsi, Mac of pc, Marvel of DC? In elke gemeenschap is er een debat waarover het beter gaat. Voor webontwerpers of ontwikkelaars is dat debat Sass of Less.
Wat zijn Sass en LESS?
Syntactically Awesome Stylesheets (Sass) en Leaner CSS (LESS) zijn beide CSS-preprocessors. Het zijn speciale stylesheet-uitbreidingen die het ontwerpen eenvoudiger en efficiënter maken. Zowel Sass als LESS compileren in CSS-stylesheets zodat browsers ze kunnen lezen, wat een noodzakelijke stap is omdat moderne browsers geen .ass- of .less-bestandstypen kunnen lezen.
Als u van plan bent in de wereld van webontwikkeling te zijn, is het een goed idee om goed thuis te zijn in een van de twee preprocessors, of beide .
Als het erop aan komt, zijn beide vergelijkbaar. Ze maken het schrijven van CSS eenvoudiger, meer objectgericht en een aangenamere ervaring. Toch zijn er enkele belangrijke verschillen. Vijf daarvan staan hier vermeld.
01 Sass zit in Ruby. MINDER is in JavaScript
LESS is gebouwd in Ruby zoals Sass, maar het is geporteerd naar JavaScript. Om LESS te gebruiken, uploadt u de van toepassing zijnde JavaScript-bestanden naar uw server of compileert u de CSS-bladen via een offline-compiler.
02 Variabelen toewijzen: Sass gebruikt $; MINDER maakt gebruik van @
Zowel Sass als LESS gebruiken gespecialiseerde tekens om variabelen toe te wijzen. Op deze manier hoeft u niet door te gaan met het invoeren van specificaties; je kunt gewoon het personage invoeren.
In Sass is dit het dollarteken ($). In MINDER is dit het symbool bij (@). Het enige nadeel voor LESS is dat er een paar bestaande CSS-selectors zijn die @ al gebruiken, dus het kan de leercurve een beetje verstijven.
03 Sass heeft kompas, MINDER heeft Preboot
Sass en LESS hebben uitbreidingen beschikbaar om mixins te integreren (de mogelijkheid om CSS-verklaringen op te slaan en te delen op een site).
Sass heeft Compass beschikbaar voor mixins, inclusief elke beschikbare optie met updates voor toekomstige ondersteuning.
MINDER heeft Preboot.less, LESS Mixins, LESS Elements, gs en Frameless. De software-ondersteuning van LESS is meer gefragmenteerd dan Sass, wat resulteert in veel verschillende opties voor extensies die mogelijk niet alle op dezelfde manier werken. Voor uw project heeft u mogelijk alle vermelde extensies nodig om een vergelijkbare prestatie als Compass te krijgen.
04 MINDER heeft betere foutmeldingen dan Sass
Zowel Sass als LESS zijn getest op hun vermogen om fouten in syntaxis te melden. LESS heeft meer accurate foutmeldingen in de tests omdat het de juiste locatie van de fout meldde.
Zoiets kan een beetje tijd besparen door te zweten over een typfout.
05 MINDER Heeft meer gebruikersvriendelijke documentatie dan Sass
De MINDER-documentatie is visueel aantrekkelijk en gemakkelijker te volgen voor nieuwe gebruikers. De Sass-documentatie heeft veel meer een kennisbank of wiki-setup.
Dit is een feit dat van belang kan zijn voor de acceptatiegraad van Sass of LESS, omdat het een platform is dat is ontworpen voor gebruik bij het ontwerpen van websites.