Sass - Présentation

Qu'est-ce que SASS?

SASS (Syntactically Awesome Stylesheet) est un pré-processeur CSS, qui aide à réduire la répétition avec CSS et fait gagner du temps. C'est un langage d'extension CSS plus stable et plus puissant qui décrit le style d'un document de manière propre et structurelle.

Il a été initialement conçu par Hampton Catlin et développé par Natalie Weizenbaum en 2006. Plus tard, Weizenbaum et Chris Eppstein a utilisé sa version initiale pour étendre le Sass avec SassScript.

Pourquoi utiliser SASS?

  • C'est un langage de prétraitement qui fournit une syntaxe indentée (sa propre syntaxe) pour CSS.

  • Il fournit certaines fonctionnalités, qui sont utilisées pour créer des feuilles de style qui permettent d'écrire du code plus efficacement et sont faciles à maintenir.

  • C'est un super ensemble de CSS, ce qui signifie qu'il contient toutes les fonctionnalités de CSS et est un pré-processeur open source, codé en Ruby.

  • Il fournit le style de document dans un bon format structuré que le CSS plat. Il utilise des méthodes réutilisables, des instructions logiques et certaines des fonctions intégrées telles que la manipulation des couleurs, les mathématiques et les listes de paramètres.

Caractéristiques de SASS

  • Il est plus stable, puissant et compatible avec les versions de CSS.

  • Il s'agit d'un super ensemble de CSS basé sur JavaScript.

  • Il est connu sous le nom de sucre syntaxique pour CSS, ce qui signifie qu'il permet à l'utilisateur de lire ou d'exprimer plus clairement les choses.

  • Il utilise sa propre syntaxe et se compile en CSS lisible.

  • Vous pouvez facilement écrire du CSS en moins de code en moins de temps.

  • C'est un pré-processeur open source, qui est interprété en CSS.

Avantages du SASS

  • Il permet d'écrire du CSS propre dans une construction de programmation.

  • Cela aide à écrire rapidement du CSS.

  • Il s'agit d'un sur-ensemble de CSS, qui aide les concepteurs et les développeurs à travailler plus efficacement et plus rapidement.

  • Comme Sass est compatible avec toutes les versions de CSS, nous pouvons utiliser toutes les bibliothèques CSS disponibles.

  • Il est possible d'utiliser une syntaxe imbriquée et des fonctions utiles telles que la manipulation des couleurs, les mathématiques et d'autres valeurs.

Inconvénients du SASS

  • Il faut du temps à un développeur pour apprendre les nouvelles fonctionnalités présentes dans ce pré-processeur.

  • Si de nombreuses personnes travaillent sur le même site, elles doivent utiliser le même préprocesseur. Certaines personnes utilisent Sass et certaines personnes utilisent CSS pour éditer les fichiers directement. Par conséquent, il devient difficile de travailler sur le site.

  • Il y a des chances de perdre les avantages de l'inspecteur d'éléments intégré du navigateur.