Coca ou Pepsi, Mac ou PC, Marvel ou DC? Dans chaque communauté, il y a un débat sur ce qui est le mieux. Pour les concepteurs de sites Web ou développeurs, ce débat est Sass ou MOINS.
Syntactically Awesome Stylesheets (Sass) et Leaner CSS (LESS) sont tous deux des préprocesseurs CSS. Ce sont des extensions de feuille de style spéciales qui rendent la conception plus facile et plus efficace. Sass et LESS se compilent dans des feuilles de style CSS afin que les navigateurs puissent les lire. Il s'agit d'une étape nécessaire car les navigateurs modernes ne peuvent pas lire les types de fichiers .sass ou .less.
Si vous envisagez d'être dans le monde du web développement, c'est une bonne idée de bien connaître l'un des deux préprocesseurs, sinon les deux. Quand il s'agit de cela, ils ont beaucoup de similitudes. Ils rendent l'écriture CSS plus simple, plus orientée objet et plus agréable. Néanmoins, il existe quelques différences essentielles.
Sass est en Ruby tandis que LESS est en Javascript
Sass est basé sur Ruby et nécessite une installation Ruby. Ce n'est pas grave si vous avez un Mac. Cependant, l'installation est plus longue si vous avez une machine Windows.
LESS a été construit en Ruby, comme Sass, mais il a été porté en JavaScript. Pour utiliser LESS, vous devez télécharger les fichiers JavaScript applicables sur votre serveur ou compiler les feuilles CSS via un compilateur hors ligne.
Pour affecter des variables, Sass utilise '$' tandis que LESS utilise '@'
Sass et LESS utilisent des caractères spécialisés pour affecter des variables. Cela fait partie des avantages de l'utilisation de ces préprocesseurs. Vous n'avez pas besoin de continuer à saisir des spécifications chaque fois que vous souhaitez affecter des variables. Au lieu de cela, vous pouvez simplement entrer le caractère.
En Sass, c'est le signe dollar ($). Dans LESS, c'est le symbole "arobase" (@). Le seul inconvénient de LESS est qu'il existe quelques sélecteurs CSS existants qui utilisent déjà @. Cette complication pourrait durcir un peu la courbe d'apprentissage.
Sass a une boussole tandis que LESS a un pré-démarrage
Sass et LESS ont des extensions disponibles pour intégrer des mixins (la possibilité de stocker et de partager des déclarations CSS sur un site).
Sass utilise Compass pour les mixins, qui inclut toutes les options disponibles avec des mises à jour pour une prise en charge future.
LESS a Preboot.less, LESS Mixins, LESS Elements, gs et Frameless. Le support logiciel de LESS est plus fragmenté que Sass, ce qui entraîne de nombreuses options différentes pour les extensions qui peuvent ne pas toutes fonctionner de la même manière. Pour votre projet, vous devrez peut-être utiliser plusieurs (ou toutes) des extensions répertoriées pour reproduire les performances de Compass.
LESS a de meilleurs messages d'erreur que Sass
Sass et LESS ont été testés pour leur capacité à signaler les erreurs de syntaxe. LESS a des messages d'erreur plus précis dans les tests - il a signalé l'emplacement correct de l'erreur. Cela peut être utile lorsqu'une faute de frappe fait dérailler le code. Les messages d'erreur LESS peuvent vous aider à identifier rapidement le problème.
LESS a une documentation plus conviviale que Sass
La documentation LESS est visuellement attrayante et plus facile à suivre pour les nouveaux utilisateurs. La documentation Sass nécessite soit beaucoup plus de connaissances de base, soit des références croisées fréquentes avec un wiki lors de l'installation.
Ce fait en soi pourrait peser lourdement sur les taux d'adoption de Sass ou LESS.
