Sass et moins de préprocesseurs

Coke ou Pepsi, Mac ou PC, Marvel ou DC? Dans chaque communauté, il y a un débat sur ce qui est mieux. Pour les concepteurs de sites Web ou les développeurs, ce débat est Sass ou moins.

Les feuilles de style syntaxiquement impressionnantes (SASS) et le CSS plus maigre (moins) sont tous deux des préprocesseurs CSS. Ce sont des extensions de feuille de style spécial qui facilitent la conception et la plus efficace. Sass et moins se compiler dans les feuilles de style CSS afin que les navigateurs puissent les lire. C'est une étape nécessaire car les navigateurs modernes ne peuvent pas lire .sass ou .moins de types de fichiers.

Si vous prévoyez 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, si pas tous les deux. En fin de compte, ils ont beaucoup de similitudes. Ils rendent l'écriture CSS plus simple, plus orienté objet et plus agréable. Néanmoins, il y a quelques différences clés.

01 de 05

Sass est dans Ruby tandis que moins est en javascript

Images Shannon Fagan / Getty

Sass est basé en rubis et nécessite une installation de rubis. Ce n'est pas grave si vous avez un mac. Cependant, c'est une installation plus longue si vous avez une machine Windows.

Moins a été construit dans Ruby, comme Sass, mais il a été porté vers JavaScript. Pour en utiliser moins, vous devez télécharger les fichiers JavaScript applicables à votre serveur ou compiler les feuilles CSS via un compilateur hors ligne.

02 de 05

Pour attribuer des variables, Sass utilise «$» tandis que moins utilise «@»

  Images Luis Alvarez / Getty

Sass et moins utilisent des caractères spécialisés pour attribuer des variables. Cela fait partie de l'utilisation de ces préprocesseurs. Vous n'avez pas à continuer de saisir les spécifications chaque fois que vous souhaitez attribuer des variables. Au lieu de cela, vous pouvez simplement entrer le personnage.

Dans Sass, c'est le signe du dollar ($). En moins, c'est le symbole "at" (@). Le seul inconvénient pour moins est qu'il existe quelques sélecteurs CSS existants qui utilisent déjà @. Cette complication pourrait raidir un peu la courbe d'apprentissage.

03 de 05

Sass a une boussole tandis que moins a un pré-point

  Images Caiaimage / Gertty

Sass et moins ont des extensions disponibles pour intégrer des mixins (la possibilité de stocker et de partager les déclarations CSS sur un site).

SASS utilise Compass for Mixins, qui comprend toutes les options disponibles avec des mises à jour pour une prise en charge future.

Moins a un pré-point.Moins de mixins, moins d'éléments, GS et sans cadre. La prise en charge des logiciels de Moins est plus fragmentée que SASS, ce qui entraîne de nombreuses options différentes pour des extensions qui ne fonctionnent pas toutes de la même manière. Pour votre projet, vous devrez peut-être utiliser plusieurs (ou toutes) des extensions énumérées pour reproduire les performances de Compass.

04 de 05

Moins a de meilleurs messages d'erreur que SASS

  Images Razvan Chisu / Getty

Sass et moins ont été testés pour leur capacité à signaler les erreurs en syntaxe. Moins a des messages d'erreur plus précis dans les tests - il a rapporté l'emplacement correct de l'erreur. Cela peut être utile lorsqu'une faute de frappe fait dérailler le code. Moins de messages d'erreur peuvent vous aider à identifier rapidement le problème.

05 de 05

Moins a une documentation plus conviviale que SASS

  Images de héros / images Getty 

Le moins de documentation est visuellement attrayant 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 pendant la configuration.

Ce fait en soi pourrait peser lourdement sur les taux d'adoption de Sass ou moins.