Bundle CSS : 10 astuces & exercices pour vous perfectionner
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Bundle CSS : 10 astuces & exercices pour vous perfectionner

Adrien Gazaix
Promo -17%
15,00€18,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Cours dans ce bundle

Contenir une image avec des dimensions prédéfinies sans la déformer Cours 1

Contenir une image avec des dimensions prédéfinies sans la déformer

Mettre une vidéo dans un texte uniquement en CSS Cours 2

Mettre une vidéo dans un texte uniquement en CSS

Créer un site onepage avec un scroll animé en CSS Cours 3

Créer un site onepage avec un scroll animé en CSS

Comment aligner des logos proprement en CSS sans les retoucher ? Cours 4

Comment aligner des logos proprement en CSS sans les retoucher ?

Créer un Portfolio en Grid CSS responsive sans media queries Cours 5

Créer un Portfolio en Grid CSS responsive sans media queries

Filtrer des projets sur un Portfolio uniquement en CSS Cours 6

Filtrer des projets sur un Portfolio uniquement en CSS

Créer un Switch ON/OFF uniquement en CSS Cours 7

Créer un Switch ON/OFF uniquement en CSS

Définir une couleur de différentes façons en CSS Cours 8

Définir une couleur de différentes façons en CSS

Découvrir les Variables en CSS avec 2 exemples concrets Cours 9

Découvrir les Variables en CSS avec 2 exemples concrets

Découvrir la position Sticky en CSS Cours 10

Découvrir la position Sticky en CSS

Plan détaillé des cours

 
Leçon 1Contenir une image avec des dimensions prédéfinies sans la déformer
15m32s
 
Leçon 1Mettre une vidéo dans un texte
20m26s
 
Leçon 1Créer et styliser les sections
13m12s
Leçon 2Ajouter un menu fixe et le système de scroll animé
10m52s
 
Leçon 1Aligner des logos proprement en CSS
18m37s
 
Leçon 1Créer un Portfolio en Grid CSS responsive sans media queries
25m17s
 
Leçon 1Filtrer des projets en CSS
29m25s
 
Leçon 1Créer un switch en CSS
12m22s
 
Leçon 1Définir une couleur en CSS
12m58s
 
Leçon 1Les Variables en CSS
17m09s
 
Leçon 1Position Sticky en CSS
11m05s

Avis des apprenants

Détail des avis
40
Apprenants
2
Commentaires
4,5/5
Note moyenne
5/5
1
4/5
1
3/5
0
2/5
0
1/5
0
Myriam Chabrun
Myriam Chabrun
Publié le 22/12/2021
très intéressant pour aborder le display grid qui est assez nouveau
Vincent Petitgirard
Vincent Petitgirard
Publié le 19/09/2021
Explications claires et assez détaillées. Manips avec VS Code et autres outils déconcertantes et frustrantes
Adrien Gazaix
Adrien Gazaix
Et merci pour votre retour 😀 a très bientôt pour de nouvelles astuces !

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données