Accueil    Formations    Multimédia    Web et Mobile Design    Intégration Web et mobile / Développeur Front End    Créer des CSS dynamiques avec SASS et Compass

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques

  • Optimiser la gestion des styles CSS
  • Comprendre la syntaxe de SASS et de Compass
  • Maîtriser la compilation et la création des fichiers CSS
  • Déployer une stratégie de maintenance et de réutilisabilité.

Niveau requis

Bonne connaissance de HTML et CSS.

Public concerné

Webmasters, créateurs de sites Internet, maquettistes, infographistes, responsables de communication et chefs de projet devant intervenir dans un projet de création de site Internet.

Programme

Introduction

  • Principes
  • Server-side
  • SASS et SCSS : compatibilité
  • Les frameworks : Compass, Bourbon, Suzy...
  • Le Framework Compass
  • Comparaison avec LESS

Installation du préprocesseur

  • Environnements de compilation
  • Installation de Prepros
  • Paramétrages
  • Compilation d'un fichier SASS en feuille de styles CSS

Principes

  • Découpage du projet
  • @import et fichiers multiples
  • Factorisation
  • Réutilisabilité
  • Optimisation, compression et minification

Syntaxe de SASS

  • DRY (Don't Repeat Yourself)
  • Imbriquer les sélecteurs
  • Les variables
  • Mixin et fonctions

Booster la factorisation

  • Extension des sélecteurs : @extend
  • Placeholders
  • Maps et convention de nom

Les sprites

  • Définition
  • Paramétrer une sprite map
  • Images en base64
  • Utilisation d'inline

Maintenir un projet SASS

  • Débogage
  • Source Maps et navigateurs

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Modalité Présentiel, Classe à distance

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous