Résumé

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.

Sommaire

  • 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

Caractéristiques

Editeur : Editions Eyrolles

Auteur(s) : Mehdi Kabab

Collection : Blanche

Publication : 29 octobre 2013

Edition : 1ère édition

Intérieur : Noir & blanc

Support(s) : Text (eye-readable) [PDF + ePub], Text (eye-readable), eBook

Contenu(s) : PDF, ePub

Protection(s) : Marquage social (PDF), Marquage social (ePub)

Taille(s) : 12 Mo (PDF), 7,2 Mo (ePub)

Langue(s) : Français

Code(s) CLIL : 3193, 3204

EAN13 Text (eye-readable) [PDF + ePub] : 9782212205992

EAN13 (papier) : 9782212136777

Référencer ce produit sur votre site

Du même thème

Ils ont également acheté

--:-- / --:--