Partager une pratique du web
CSS / Culture web / Méthodologie / Pré/Post-processeurs / Typographie web
par birnou · Published 1 mars 2026
Jusqu’ici, notre site ressemble encore à un document brut. Le HTML structure, organise, hiérarchise et attribue un rôle précis à chaque élément. Visuellement pourtant, tout reste neutre. Le CSS intervient précisément à cet endroit....
Depuis l’arrivée de Dart Sass, l’écosystème SCSS a franchi un cap décisif. Ce moteur est aujourd’hui la version de référence, celle qui définit l’avenir du langage. Il remplace les anciens compilateurs Ruby ou LibSass,...
En 2018, nous avions déjà présenté une approche de Gulp dans l’article Prendre en main Gulp.js, celle ci avait été complétée par une série complète dédiée à Sass : Comprendre et utiliser Sass. Depuis,...
Lorsque l’on découvre un nouvel outil comme Tailwind CSS, l’un des premiers défis est de comprendre comment l’intégrer efficacement dans son flux de travail et ses projets existants. Au lieu de réinventer la roue...
Sass, compass, breakpoint et susy Bon, entre l’éditeur Sublime Text et Emmet on pourrait penser qu’on a là de quoi faire, refaire et arborer la célèbre devise… YaPluKa… En fait, bien que cela nous...
Bien que la librairie Compass ne soit plus maintenue, nous allons explorer une approche qui l’utilise et nous permet de continuer à en profiter sans compromettre nos productions.
Afin de mieux comprendre la mise en œuvre de tout ce que nous avons vu jusqu’à présent, y compris l’utilisation de Sass, nous allons déployer un véritable flux de travail en s’appuyant sur la mise en place d’un site.
Après avoir vu tous ces concepts qui gravitent autour de Sass, il est important de mettre à plat et d’établir nos premiers fichiers et nos premières lignes de code afin de mettre tout cela en activité.
SassScript va bien au-delà de l’utilisation simple de variables ou de mixin, nous allons explorer la mise en place d’un modèle assez complet pour concevoir notre développement de site ou d’application.
Depuis la démocratisation et l’utilisation des préprocesseurs, différents concepts, principalement basés sur la programmation orientée objet, ont émergés et nous permettent d’aborder Sass d’une manière très modulaire.
Travailler sous Ruby nous apporte une véritable panoplie d’outils que nous avons sous la souris. Voyons comment installer ces différentes facettes qui peuvent nous être très utiles.
Bien que Ruby soit une approche très ouverte et évolutive, il existe différentes façons de compiler Sass dans CSS, et chaune peut présenter ses intérêts et ses avantages.
Qu’est-ce qu’un préprocesseur et ce qu’est Sass? Cet article présente les concepts de base et définis ce qu’on peut attendre d’une telle technologie.
Cette série ne couvre pas la syntaxe de Sass, mais examine comment utiliser Sass et des concepts qui nous permettent d’exploiter au mieux les possibilités offertes par Sass.
Nous révisons actuellement l’arborescence, l’architecture générale et les liens entre articles, tout en mettant à jour certains contenus devenus anciens ou inachevés. Nous nous en excusons sincèrement et faisons au plus vite pour que la navigation retrouve toute sa fluidité.
Si vous ne trouvez pas ce que vous cherchez, vous pouvez passer par la page de contact, nous vous répondrons avec plaisir.