Economisez du temps avec Sass !

imgAlt

Sass (Syntactically Awesome StyleSheets) est un langage qui permet de simplifier l’écriture et la maintenance des feuilles de styles de manière dynamique. Mais c’est surtout une extension de CSS3. En conséquence, Sass est entièrement compatible avec toutes les versions CSS.

Sass s’utilise sur Ruby et introduit deux types de syntaxe : la syntaxe Sass qui est plus ancienne et le SCSS (Sassy CSS), qui est beaucoup récent. Cet outil permet un gain de temps et il permet d’optimiser le travail d’intégration grâce à ses nombreuses fonctionnalités telle que l’imbrication des sélecteurs permettant de les emboîter à l’intérieur d’autres sélecteurs, pour créer des raccourcis d’écriture.

Jade Ah Heng, notre développeuse Front-End, se fait un plaisir de vous faire part de son expérience avec Sass :

« L’utilisation d’un preprocesseur tel que Sass assure une meilleure productivité. Je code moins pour un travail beaucoup plus précis.

Les variables dans Sass offrent beaucoup de flexibilité et une certaine homogénéité. Par exemple, je peux enregistrer les couleurs primaires de mon site dans une variable et réutiliser cette variable partout dans mes feuilles de styles. A n’importe quel moment, si je veux changer de couleur, je n’ai qu’à simplement modifier une seule ligne de code (ma variable couleur primaire) pour que la modification soit effective partout.

Mixins est une autre super fonctionnalité disponible avec Sass. Une fonctionnalité basique et très utile de Mixins est d’enregistrer des blocs de code qui seront utilisés partout sur le site. Ainsi, lorsque j’en ai besoin, je n’ai qu’à seulement appeler le Mixins au lieu d’écrire de façon répétitif le code encore et encore. L'ajout de paramètres aux mixins est aussi très puissant, me permettant la réutilisation et la répétition de blocs CSS, en y ajoutant des valeurs dynamiques sur une ou plusieurs propriétés pour du traitement au cas par cas. ».

Le blog

Voir tous les articles du blog
chatbot