Sass et Compass avancé
Optimiser ses feuilles de styles CSS
Mehdi Kabab avec la contribution de Raphaël Goetter - Collection Blanche
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.
L'avis du libraire Eyrolles
Pour les intégrateurs qui veulent maintenir leurs sites et assurer la compatibilité, la connaissance de ce préprocesseur et du framework assure la compatibilité et l'optimisation des feuilles de style.
Extraits du livre
L'auteur - Mehdi Kabab
Expert front-end chez Clever Age et développeur web, Mehdi Kabab (Lyon) intervient aussi bien en front-office qu'en back-office. Fort de son statut de pionnier, il participe à la promotion de Sass et Compass en France.
Adepte des logiciels libres, Mehdi Kabab s'est aussi 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 au sein de la licence CoLibre, et a contribué activement à la diffusion de GIMP en concevant notamment des tutoriels.
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
Avis des lecteurs
publié le 03/01/2014 Acheteur vérifié
Très bon ouvrage !
Très bon point de démarrage pour partir sur de saines bases avec ce pré-processeur CSS, ce livre pose tous les fondements de Sass/Compass : variables, structures programmatiques, extend, mixins, fonction pour les sprites, etc. Des exemples sont distillés tout le long de l'ouvrage, ainsi on voit et on comprend clairement ce qui se passe. Bon point : l'auteur ne tombe jamais dans le piège d'utiliser Sass "pour utiliser Sass", comprenez par là que les exemples ne perdent pas de vue que Sass génère de la CSS, et sont construits pour générer des CSS efficacement et sans dénaturer le langage. En tout cas, j'y ai appris de nombreuses choses, utilisant moi-même Sass/Compass pour le développement de sites Web. A lire et à garder à côté de soi :)
Caractéristiques techniques
| PAPIER | NUMERIQUE | |
| Éditeur(s) | Eyrolles | |
| Auteur(s) | Mehdi Kabab | |
| Collection | Blanche | |
| Parution | 24/10/2013 | 29/10/2013 |
| Nb. de pages | 286 | 280 |
| Format | 19 x 23 | - |
| Couverture | Broché | - |
| Poids | 615g | - |
| Intérieur | Noir et Blanc | - |
| Contenu | - |
ePub + PDF |
| EAN13 | 9782212136777 |
9782212205992 |
| ISBN13 | 978-2-212-13677-7 | - |
Avantages Eyrolles.com
Nos clients ont également acheté
Consultez aussi
- Les meilleures ventes en Graphisme & Photo
- Les meilleures ventes en Informatique
- Les meilleures ventes en Construction
- Les meilleures ventes en Entreprise & Droit
- Les meilleures ventes en Sciences
- Les meilleures ventes en Littérature
- Les meilleures ventes en Arts & Loisirs
- Les meilleures ventes en Vie pratique
- Les meilleures ventes en Voyage et Tourisme
- Les meilleures ventes en BD et Jeunesse
- Informatique Développement d'applications Conception et développement web
- Informatique Développement d'applications Langages CSS
- Informatique Développement d'applications Langages HTML
- Informatique Développement d'applications Langages XSLT
- Graphisme & Photo Graphisme Web : Graphisme et animation Web design
