CATALOGUE Code & Data Formation XHTML/CSS Maîtrisez le préprocesseur CSS : SASS Organisation de Projets CSS avec SASS

Organisation de Projets CSS avec SASS

Inclusion et organisation des fichiers
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtrisez le préprocesseur CSS : SASS
Revoir le teaser Je m'abonne
5,0
Transcription
Cette leçon fait partie de la formation
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
Cette leçon fait partie de la formation
34,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à l'utilisation de SASS pour structurer vos CSS

Objectifs

Les objectifs de cette vidéo sont de :

  • Montrer comment SASS peut structurer vos feuilles de style CSS
  • Expliquer l'utilisation des partials
  • Démontrer l'importation et la compilation de fichiers SASS

Résumé

Utilisez SASS pour mieux organiser vos grandes feuilles de style CSS en les fragmentant et en les compilant efficacement.

Description

Dans cette leçon, nous allons explorer comment SASS peut aider à organiser vos projets CSS. Pour des projets d'envergure, la feuille de style principale peut facilement contenir plusieurs milliers de lignes, compliquant ainsi la maintenance et la lecture. Nous verrons comment segmenter votre CSS en plusieurs fichiers tels que header.css, footer.css, et navigation.css, puis les importer dans un fichier central comme screen.css. La pratique recommandée consiste à utiliser des partials avec des fichiers préfixés par un underscore, ce qui indique à SASS de les inclure automatiquement lors de la compilation. Par exemple, le fichier _variable.scss sera directement intégré dans le fichier compilé, tandis que footer.scss sera généré comme un fichier séparé. Vous apprendrez également comment gérer les importations sans réécrire les extensions de fichiers, rendant le processus plus agile et moins sujet à erreurs.

Voir plus

Questions fréquentes

Pourquoi utiliser des partials en SASS ?
Les partials en SASS permettent de segmenter la feuille de style, facilitant la maintenance et la réutilisation du code.
Quelle est la convention de nommage pour les fichiers SASS partiels ?
Les fichiers SASS partiels doivent être préfixés par un underscore (_).
Quelle est la différence entre un fichier avec et sans underscore en SASS ?
Un fichier avec un underscore est inclus dans d'autres fichiers lors de la compilation, tandis qu'un fichier sans underscore sera compilé comme fichier CSS séparé.
1 commentaire
5,0
1 vote
5
4
3
2
1
hugo.barnas
Il y a 4 ans
Claire et complet.