Formation au préprocesseur SASS avec le framework Compass

Journée 1:

• Les avantages de SASS
• Qu’est-ce qu’un préprocesseur CSS ?
• Simplifiez votre code !
• Rappel CSS

• Présentation de l'éditeur de code que nous allons utiliser durant la formation.
• Installation du logiciel et des plug'in utiles.

• Télécharger SASS
• Créer un projet SASS
• Compilation automatique à partir du style.scss
• Test de ma première compilation

• Les variables
• Le Nesting
• Le sélecteur d'imbrication &
• Les propriétés imbriqués
• Les feuilles de styles Partials
• Les extensions de classes
• Les opérateurs mathématiques
• Les mixins
• Placeholder
• Import
• Les commentaires

• Choisir le type de sortie du fichier (normal, compressé …)
• Bonnes pratiques

Journée 2:

• Introduction
• Les avantages

• Télécharger Compass
• Créer un projet Compass
• Compilation

• Qu’est-ce qu’une mixins
• Découvertes des différentes mixins
• Mise en place des mixins de Compass

• Principe de base
• Configuration
• Préparation des images (:link, :hover …)
• Obtenir un fichier unique pour stocker toutes les images
• Génération du code css automatiquement