Je vous propose un Bundle CSS comprenant 10 astuces & exercices afin de perfectionner l'utilisation du CSS dans vos prochains sites web.
Vous découvrirez ci-dessous l'intitulé de chacune de ces astuces.
Et je vous propose de regarder l'extrait vidéo pour vous rendre compte de ce que nous allons faire pendant ces 3h de formation.
Un Bundle de 10 astuces et exercices CSS en vidéo
Grâce à ce regroupement de cours en vidéo, vous allez progresser en CSS ! Voici ce que nous allons apprendre grâce à des cas pratiques :
- contenir une image avec des dimensions prédéfinies,
- mettre une vidéo dans un texte,
- créer un site onepage avec un scroll animé,
- aligner des logos,
- créer un portfolio avec CSS Grid,
- créer des filtres,
- créer un switch on / off,
- définir une couleur,
- utiliser les variables CSS,
- utiliser la position Sticky,
Les sources de chaque astuce sont fournies avec la formation.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage.
Bonne formation !
Tuto composant ce bundle :
Contenir une image avec des dimensions prédéfinies sans la déformer (voir la fiche produit)
- Contenir une image avec des dimensions prédéfinies sans la déformer 00:15:32
Mettre une vidéo dans un texte uniquement en CSS (voir la fiche produit)
- Mettre une vidéo dans un texte 00:20:26
Créer un site onepage avec un scroll animé en CSS (voir la fiche produit)
- Créer et styliser les sections 00:13:12
- Ajouter un menu fixe et le système de scroll animé 00:10:52
Comment aligner des logos proprement en CSS sans les retoucher ? (voir la fiche produit)
- Aligner des logos proprement en CSS 00:18:37
Créer un Portfolio en Grid CSS responsive sans media queries (voir la fiche produit)
- Créer un Portfolio en Grid CSS responsive sans media queries 00:25:17
Filtrer des projets sur un Portfolio uniquement en CSS (voir la fiche produit)
- Filtrer des projets en CSS 00:29:25
Créer un Switch ON/OFF uniquement en CSS (voir la fiche produit)
- Créer un switch en CSS 00:12:22
Définir une couleur de différentes façons en CSS (voir la fiche produit)
- Définir une couleur en CSS 00:12:58
Découvrir les Variables en CSS avec 2 exemples concrets (voir la fiche produit)
- Les Variables en CSS 00:17:09
Découvrir la position Sticky en CSS (voir la fiche produit)
- Position Sticky en CSS 00:11:05
Formateur : Adrien Gazaix
-
Très intéressant pour aborder le display grid qui est assez nouveau
-
Explications claires et assez détaillées. Manips avec VS Code et autres outils déconcertantes et frustrantes
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés