ass html}}
====== Utilisez les variables et mixins ======
Notes et transcriptions du cours [[https... s://openclassrooms.com/|Openclassrooms]].
===== Initiez-vous aux variables =====
Pour le moment, le... ous les utilisons sans arrêt. Entre nous, je suis incapable de retenir les couleurs par leur **code co... espond à quel code. Alors oui, de nos jours, certains éditeurs ajoutent un aperçu de la couleur, ou al
st pas très efficace et on ne comprend pas trop l’intérêt d’écrire du CSS dans un fichier ''scss'', n’est-ce pas ? C’est ici qu’intervient le nesting !
===== Hiérarchisez grâce au nesting =====
De la même façon que vous imbriquez des balises en HT
ev développement web css sass html}}
====== Définissez des priorités ======
Notes et transcription... re bien précis : en premier le HTML, qui va déterminer les fondations de votre page web, puis le CSS p... revanche c’est une autre histoire : en CSS, certaines règles prennent le dessus sur d’autres, et peuvent vous donner des migraines lorsqu’un texte reste bleu alors que vous avez
nt web css sass html}}
====== Améliorez vos mixins grâce aux fonctions ======
Notes et transcripti... oms.com/|Openclassrooms]].
Vous avez créé un mixin pour incorporer une bordure sur le titre du portfolio de Robbie. Sauf que, changement de programme, l... r cette ombre. Quelle serait la meilleure façon d’intégrer cette proposition en tenant compte de votre
lasse, on comprenne son usage et comment celle-ci interagit avec d’autres éléments.
On retrouve les es... tfolio. Et si je vous dis qu’il est possible de maintenir cette structure tout en l’appliquant dans vo... ces trois catégories, vous serez en mesure de définir sa fonctionnalité et ses relations. Pas mal, no... d’une page qui est **autonome et peut fonctionner indépendamment du reste de la page**. Cela peut être
éussi ! Félicitations ! 🎉 YOU DID IT ! Vous avez fini ce cours.
Avant de vous laisser partir et voler... izons, il nous reste quelques notions à aborder afin que vous puissiez être en totale autonomie.
====... s en ligne =====
Si vous vous souvenez bien, en fin de la partie 1, je vous expliquais que les navigateurs ne peuvent interpréter Sass par eux-mêmes, et que c’est pourquo
e css>
.nav {
text-align: right;
}
.nav .nav__link {
font-size: 15px;
padding-left: 30px;
}
.nav .nav__link .nav__link--purple {
color: #a5b4fc;
}
</code>
Et si je vous dis, que grâce à Sass, on pourrait l
dre plus spécifiques ;
- refactoriser le code afin d’éviter les répétitions ;
- réorganiser votre ... emières réponses sont fausses car contraires au principe du DRY : éviter les répétitions.
La dernière réponse part d’une bonne intention, c’est une bonne idée dans un premier temps. Cependant, cela ne fait pas partie du principe du DRY et ne vous évitera pas les répétitions
perluette (&) ?
- L’esperluette (&)
- Le combinateur adjacent
- Le combinateur descendant
- Le sélecteur parent
- Le sélecteur enfant
++++ Rép... r parent, ce qui facilite la construction et la maintenance de notions complexes telles que BEM, ou de... ément 2</li>
</ul>
</section>
</code>
Quel combinateur applique la couleur bleue aux éléments de no
re que l’on fait de nouveaux changements. Et, à moins d’être prévoyant et vigilant dès le début, vous allez finir avec une codebase CSS chaotique sans vraiment r... surer que le CSS que vous écrivez est propre et maintenable ? La première étape est de **trouver des points communs et des répétitions**. Je vous ai prépar
uand on regarde notre page sur un navigateur d’ordinateur. Sauf que sur mobile…
{{affichage_sur_mobil... place des **media queries**.
===== Révisez les principes du responsive =====
<note>
Les media queries sont des règles qui indiquent quand on doit appliquer des propriétés CSS... b. Cette notion est abordée dans le cours [[cours:informatique:dev:web:creez_votre_site_web_avec_html5
nclassrooms]].
Prérequis : voir le cours [[cours:informatique:dev:web:creez_votre_site_web_avec_html5... ns la rédaction que dans la mise en œuvre ou la maintenance.
Le cours propose de répondre aux trois ... ructuré ?
* Comment s’assurer que le code est maintenable ?
* Comment coder plus vite et de manièr... açon de structurer votre code avant d’écrire la moindre ligne de code est très important, et cela vous
