Les développeurs Web doivent être familiers avec un ou les deux préprocesseurs
Coke 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 les développeurs, ce débat est Sass ou moins.
Quels sont Sass et MOINS?
Les feuilles de style Syntactically Awesome (Sass) et Leaner CSS (LESS) sont les deux préprocesseurs CSS. Ce sont des extensions de feuilles de style spéciales qui rendent la conception plus facile et plus efficace. Sass et LESS sont tous deux compilés dans des feuilles de style CSS afin que les navigateurs puissent les lire, ce qui est 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 développement web, c'est une bonne idée d'être bien versé dans l'un des deux préprocesseurs, ou les deux .
Quand il s'agit de cela, les deux sont similaires. Ils rendent l'écriture CSS plus simple, plus orientée objet, et une expérience plus agréable. Néanmoins, il existe quelques différences clés. Cinq d'entre eux sont répertoriés ici.
Sass est en Ruby. MOINS est en JavaScript
Sass est basé à Ruby et nécessite une installation de Ruby. Ce n'est pas un gros problème si vous avez un Mac. Cependant, il s'agit d'une installation plus longue si vous avez une machine Windows.
LESS a été construit en Ruby comme Sass, mais il a été porté sur JavaScript. Pour utiliser LESS, vous téléchargez les fichiers JavaScript applicables sur votre serveur ou compilez les feuilles CSS via un compilateur hors ligne.
Pour affecter des variables: Sass utilise $; MOINS D'UTILISATIONS @
Sass et LESS utilisent tous deux des caractères spécialisés pour assigner des variables. De cette façon, vous ne devez pas continuer à entrer les spécifications; vous pouvez simplement entrer le personnage.
À Sass, c'est le signe du dollar ($). En MOINS, c'est le symbole at (@). Le seul inconvénient de LESS est qu'il existe quelques sélecteurs CSS qui utilisent déjà @, ce qui peut rendre la courbe d'apprentissage un peu plus raide.
Sass a la boussole, MOINS a preboot
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 a Compass disponible pour les mixins, qui comprend toutes les options disponibles avec des mises à jour pour un soutien futur.
LESS a Prebootless, 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 fonctionner toutes de la même manière. Pour votre projet, vous pouvez avoir besoin de toutes les extensions répertoriées pour obtenir une performance similaire à celle de Compass.
MOINS a de meilleurs messages d'erreur que Sass
Sass et LESS ont tous deux été testés pour leur capacité à signaler des erreurs dans la syntaxe. LESS a des messages d'erreur plus précis dans les tests en ce qu'il a signalé l'emplacement correct de l'erreur.
Quelque chose comme ça pourrait sauver un peu de temps à transpirer sur une faute de frappe.
MOINS A une documentation plus conviviale que Sass
La documentation de LESS est visuellement attrayante et plus facile à suivre pour les nouveaux utilisateurs. La documentation Sass contient beaucoup plus d'une base de connaissances ou d'une configuration wiki.
C'est un fait qui pourrait être important pour les taux d'adoption de Sass ou de LESS, car il s'agit d'une plate-forme conçue pour être utilisée dans la conception de sites Web.