Formation Sass et Compass

PROGRAMME DE LA 1ERE JOURNEE DE FORMATION Introduction à Sass

Historique Grands principes

Installation du préprocesseur Sass

Installation depuis l'invite de commande Un mot sur les interfaces graphiques Première transformation d'un fichier Sass en feuille de styles CSS Utiliser son éditeur préféré

Syntaxe de Sass

Imbriquer les règles Les variables Réutiliser son code à l'aide des mixins Découper sa feuille de styles en plusieurs fichiers Développer avec Sass : des projets à la sauce DRY

Les pièges à éviter

Syndrome de l'imbrication aiguë Portée des variables Une fonction en cache une autre

PROGRAMME DE LA 2EME JOURNEE DE FORMATION Factorisation avancée

Factoriser les styles avec @extend Maîtriser la factorisation de styles avec les placeholders

Penser modulaire

Présentation de SMACSS et de BEM Quels intérêts pour mes projets ? SMACSS appliqué à Sass BEM appliqué à Sass

Les pièges à éviter

Cas des héritages complexes Factorisation vs cascade CSS

PROGRAMME DE LA 3EME JOURNEE DE FORMATION Présentation de Compass

Un framework CSS3 pour Sass Alternative(s)

Installation de Compass

Installation depuis l'invite de commande Premier projet Compass

Configuration de Compass

Compass centralise la configuration du projet Sass

Les sprites CSS

Qu'est-ce qu'un sprite CSS ? Démystifier la sprite map Paramétrer une sprite map Maîtriser les sélecteurs Des sprites aux petits oignons

Gérer un projet Compass

Problèmes rencontrés Présentation du gestionnaire de paquets Bundler Vie d'un projet géré par Bundler Travailler en équipe avec Bundler

Déboguer un projet Sass

Exploiter les informations de débogage de Sass À la découverte de Source Maps