ligne ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifie... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Vous av... ass sans l’installer sur votre ordinateur.
* [[https://codepen.io/|CodePen]]
Nous avons utilisé CodeP... isposition (par nous 😉) par la communauté.
* [[https://www.sassmeister.com/|SassMeister]]
Nous l'avon
orités ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifie... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Pour pou... rités par spécificité =====
Jetons un œil à la [[https://developer.mozilla.org/fr/docs/Learn/CSS/Buildin... ball !
<code css>
div {
background-image: url(<https://upload.wikimedia.org/wikipedia/commons/thumb/5/
n fond ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Cha... css>
h1 {
color: blue;
}
</code>
De nombreux [[https://developer.mozilla.org/fr/docs/Web/CSS/color_val... taxe, vous trouverez des outils en ligne, comme [[https://coolors.co/|Coolors]] ou encore [[https://www.w
miques ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
Le CSS no... cela grâce aux **pseudo-classes**.
<note>
Les [[https://developer.mozilla.org/fr/docs/Web/CSS/Pseudo-cl... sse, je vous conseille de jeter un œil au cours [[https://openclassrooms.com/fr/courses/5919246-creez-des
s loin ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== App... tissage de JavaScript, rendez-vous sur le cours [[https://openclassrooms.com/fr/courses/6175841-apprenez-... es !
J'ai d'ailleurs rédigé un cours sur PHP : [[https://openclassrooms.com/courses/concevez-votre-site-
ombres ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Cr... es de boutons". Vous trouverez plus d’infos sur [[https://getbootstrap.com/docs/4.0/components/button-gro... ieux utiliser des outils de visualisation comme [[https://9elements.github.io/fancy-border-radius/|Fancy
c Sass ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifie... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
===== C... a la documentation officielle en anglais :
* [[https://sass-lang.com/guide|Les bases]]
* [[https://sass-lang.com/documentation/operators|Les opérateurs]]
Grids ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Déf... aller plus loin, vous pouvez :
* Creuser la [[https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_... à l'aide des CSS Grids]] ;
* Suivre le cours [[https://openclassrooms.com/fr/courses/5295881-create-we
pports ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifie... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Pour le... ;
}
}
</code>
<note>
N’hésitez pas à utiliser [[https://www.sassmeister.com/|SassMeister]] pour vérifie... e la documentation Sass, ou ces articles :
* [[https://dev.to/brad_beggs/scss-content-use-cases-exampl
texte ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Ch... hiers HTML et CSS ?
Pour cela, rendez-vous sur [[https://fonts.google.com/|Google Fonts]] pour sélection... ues étapes de plus. Le lien suivant présente un [[https://developer.mozilla.org/fr/docs/Web/CSS/@font-fac
n page ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Tra... ments en fonction de la taille de l'écran.
La [[https://developer.mozilla.org/fr/docs/Web/CSS/display|l... t à gauche de l'élément 2.
<note>
La propriété [[https://developer.mozilla.org/fr/docs/Web/CSS/unset|pos
ctions ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifie... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Vous av... découvrirez qu’il y a un tiroir entier d’outils [[https://sass-lang.com/documentation/modules/color|uniqu... savoir quelle fonction utiliser ? Je regarde la [[https://sass-lang.com/documentation/modules/color#darke
lexbox ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Com... ropriétés de Flexbox, je vous recommande le jeu [[https://flexboxfroggy.com/#fr|Flexbox Froggy]]. Avec le
laires ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
Pour crée... der”) | ''%%<input type="range">%%'' On utilise [[https://developer.mozilla.org/fr/docs/Web/HTML/Element/
'envoi ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vot... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Reg... n faire.
Cela tombe bien, j'ai aussi rédigé un [[https://openclassrooms.com/courses/concevez-votre-site-
