Visuel de Sass et Compass avancé
visibilityFeuilleter

Grâce à Sass et à son framework CSS3 Compass, les intégrateurs et développeurs web professionnels confrontés à des impératifs de productivité et de maintenabilité disposent enfin d'outils libres pour écrire de façon cohérente leurs feuilles de styles CSS.

Sass, un must pour optimiser l'écriture des feuilles de styles CSS

Porté par une communauté très active, le préprocesseur libre Sass offre un arsenal de fonctions pour la productivité du développeur front-end : code CSS allégé et simplifié lors de la phase de développement, variables, mixins, fonctions, placeholders, concaténation, validation de code à la volée... Facilitant la mise en oeuvre des principes DRY et KISS, l'outil permet de concevoir des arborescences de projets extrêmement robustes. L'organisation logique en plusieurs fichiers permet un travail d'équipe efficace, à condition de s'assurer que tous les protagonistes se dotent de versions identiques des outils. Compass, le framework CSS3 pour Sass, permet d'assurer la compatibilité du site, quel que soit le navigateur, marquant la fin des longues sessions de débogage sous Internet Explorer. Il embarque un générateur d'images de sprites CSS auquel tout un chapitre est dédié : la génération d'images de sprites haute définition n'aura jamais été aussi simple !

Une référence méthodologique pour l'intégrateur web

Ecrit par l'un des pionniers de l'utilisation de Sass/Compass et préfacé par Raphaël Goetter, fondateur d'Alsacreations.fr, cet ouvrage est un must pour l'intégrateur web qui souhaite acquérir les meilleures pratiques d'écriture CSS et les compétences en programmation nécessaires à la maîtrise de Sass.

Titre Sass et Compass avancé
Sous-titre Optimiser ses feuilles de styles CSS.
Auteur(s) Mehdi Kabab, Raphaël Goetter
Collection(s) Blanche
Editeur Eyrolles
Parution 24 octobre 2013
Edition 1ère édition
Nb de pages 286 pages
Format 230 x 190 mm
Poids 613 g
EAN13 9782212136777
ISBN13 978-2-212-13677-7
ISBN10 2-212-13677-3
  • Installation de Sass et Compass
    • Installer Sass, Compass... et Ruby ?
    • Environnements graphiques disponibles
    • Première conversion d'un fichier Sass en feuille CSS
    • En résumé
  • Une syntaxe de Sass
    • Deux choix de syntaxe : Sass et SCSS
    • Imbriquer les règles, une révolution
    • Différents niveaux de commentaires
    • Les variables
    • Diviser et être plus efficace
    • Réutiliser son code : introduction aux mixins
    • Passage d'un bloc de contenu à un mixin
    • Héritage avec @extend
    • Maîtriser l'héritage avec les placeholders
    • Support des Media Queries
    • Les pièges à éviter
    • En résumé
  • Développer avec Sass
    • Sass et les données
    • Des mathématiques dans vos CSS
    • Les directives de contrôle
    • Manipulations avancées avec les fonctions
    • En résumé
  • Premier projet Sass et contraintes de production
    • Initialiser l'arborescence du projet
    • Compiler un projet Sass
    • Utiliser des bibliothèques Sass
    • Initialisation de projet facile avec Compass
    • Compass centralise la configuration du projet
    • Compiler un projet Compass
    • Utiliser des bibliothèques Sass dans un projet Compass
    • En résumé
  • Compass, votre futur meilleur ami
    • Accès simplifié aux ressources statiques
    • Compass, une boîte à outils DRY
    • Compass, un framework CSS3
    • Un support cross-browser
    • En résumé
  • Création de sprites CSS avec Compass
    • Qu'est-ce qu'un sprite CSS ?
    • Les sprites, une nécessité
    • La magie de Compass pour la génération de sprites
    • Maîtriser les sélecteurs
    • Des sprites aux petits oignons
    • En finir avec des compilations trop longues
    • En résumé
  • Gérer un projet Compass : un peu de méthodologie
    • De la bonne gestion des versions de Sass et Compass
    • Déboguer un projet Sass
    • Travailler en équipe
    • En résumé
  • Annexe A : configuration avancée avec Compass
    • Maintenir un casseur de cache personnalisé
    • Afficher des notifications Growl sous Mac OS X
    • Partager des fichiers entre plusieurs projets
  • Annexe B : guide de survie de l'interface en ligne de commande
    • L'invite de commandes
    • Lister les fichiers
    • Se déplacer dans le système de fichiers
    • Manipuler les fichiers
    • Motifs de remplacements

Mehdi Kabab

Adepte des logiciels libres, Mehdi Kabab s'est très vite passionné pour GIMP, qu'il emploie depuis de nombreuses années. Utilisateur averti, il a été intervenant en graphisme libre (GIMP et Inkscape) à l'université Lumière Lyon 2, et a contribué activement à la diffusion de GIMP en concevant notamment des tutoriels.

Visuel de Mehdi Kabab

Raphaël Goetter

Webdesigner et gérant d'une agence web strasbourgeoise, Raphaël Goetter partage ses connaissances à travers son site Alsacréations.com, et s'intéresse de près aux domaines des normes du Web et de l'accessibilité. Il fait partie du collectif Openweb.eu.org, référence francophone en matière de standards du Web.

Visuel de Raphaël Goetter