Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Reprenez le controle de vos feuilles de style avec sass pdf

Abdelazer Matouche Reprenez le contrôle de vos feuilles de style avec Sass septembre C CTable des matières I Introduction En utilisant Sass pardi II Les bases de Sass Sass un préprocesseur CSS Un préprocesseur CSS À quoi ça sert Installation Notre projet ?l rouge La compilation En résumé L ? imbrication L ? imbrication pourquoi faire La référence au parent Imbrication de media-queries Bonne pratique The Inception Rule ? En résumé Pour s ? entra? ner Les variables Les variables pourquoi faire Les di ?érents types de données L ? interpolation La règle default En résumé Pour s ? entra? ner La directive import Importer des feuilles de style Bonne pratique Les feuilles partielles En résumé Les mixins Un mixin pourquoi faire Inclure un mixin Les arguments En résumé CTable des matières Les mixins Valeurs par défaut arguments nommés et listes d ? arguments Passer un bloc de contenu à un mixin Bonne pratique Arguments type null En résumé Les fonctions Un fonction Quelques fonctions bien utiles Pour dé ?nir une couleur Pour jouer avec les nombres La palette du peintre Inverse Nuance de gris et Mélange Lumière Saturation Opacité Jouons avec les listes Créer sa propre fonction En résumé III Plus loin avec Sass L ? héritage avec extend Il est o? le grisbi Les placeholders un nouvel eldorado Bonne pratique Faut-il oublier extend Héritage Media-queries Comportements imprévus On oublie l ? héritage En résumé Les conditions Les bases else else if ? Mini-TP un mixin bien compliqué Prérequis La solution Un peu mieux ? En résumé Pour s ? entra? ner Contenu masqué Les boucles La boucle for La boucle each Mini-TP La gestion d ? une sprite Énoncé Correction Contenu masqué CTable des matières Et maintenant Le type map Utiliser des bibliothèques externes Neat Bourbon Susy RubySass LibSass DartSass et les autres ? IV Conclusion REPRENEZ LE CONTRÔLE DE VOS FEUILLES DE STYLE AVEC SASS Matouche septembre CPremière partie Introduction CI Introduction Lorsqu ? on découvre comment sont faits les sites Web on est souvent étonné de voir que le contenu HTML est clairement séparé de la mise en page CSS Et puis assez vite on ne peut plus s ? en passer C ? est tellement pratique Mais au bout d ? un moment nos ?chiers CSS deviennent très longs très très longs et on ne s ? y retrouve plus Alors comment mieux organiser son code comment le rendre plus maintenable En utilisant Sass pardi Figure ?? Faites place à Super-Sass i Prérequis Conna? tre le fonctionnement des feuilles de style avoir des bases solides en CSS Objectifs Découvrir les di ?érents outils que Sass met à notre disposition pour faciliter l ? organisation et la réutilisation des feuilles de style Autres remarques Ce tutoriel se basera sur un exemple ?l rouge ? dont le code est disponible sur GitHub Nous en reparlerons au cours du premier chapitre ne vous inquiétez pas CDeuxième partie Les bases de Sass CII Les bases de Sass Dans cette