HDTutorial
FR
Tutoriel CSS pour une barre de navigation : 3 façons de créer un menu avec Flexbox

La lecture charge le lecteur YouTube intégré (mode confidentialité renforcée).

Tutoriel CSS pour une barre de navigation : 3 façons de créer un menu avec Flexbox

2 941 182 vues 26 octobre 2019 15:08

Voir sur YouTube
ChaîneSkillthrive

En bref

Construisez trois barres de navigation distinctes en utilisant Flexbox et du HTML de base—parfait pour les développeurs web souhaitant appliquer les propriétés Flexbox comme align-items, justify-content et order pour créer des designs épurés et fonctionnels. Ce tutoriel met l’accent sur la mise en pratique plutôt que sur la théorie approfondie.

Description de l’auteur

Ce cours gratuit de design et de développement web utilise Flexbox et les bases de HTML pour créer trois designs différents de barres de navigation. Vous découvrirez comment exploiter des propriétés Flexbox comme *align-items*, *justify-content* et *order* pour concevoir rapidement de nouveaux designs web.

Ce tutoriel est conçu comme un projet pratique et ne rentre pas dans les détails du HTML, CSS ou JavaScript. Si vous souhaitez approfondir ces sujets, consultez les liens en bas de la description.

📂 FICHIERS DU COURS 📂

⏰ MINUTES ⏰

Barre de navigation 1 : 0:22

Barre de navigation 2 : 10:18

Barre de navigation 3 : 11:58

✅ LIENS UTILES ✅

🌟 MEILLEURS COURS RECOMMANDÉS 🌟

CSS

(Payant) Construire des sites web réels et réactifs avec HTML5 et CSS3

(Gratuit) Crash Course CSS pour débutants absolus

CSS GRID

(Gratuit) Flexbox CSS en 20 minutes

(Gratuit) Guide complet de CSS Flexbox

CSS FLEXBOX

(Gratuit) Tutoriel CSS Grid

(Gratuit) Guide complet de CSS Grid

JAVASCRIPT

(Payant) Le cours complet de JavaScript 2019 : Créez des projets réels !

(Gratuit) Apprendre JavaScript - Cours complet pour débutants

À propos de ce tutoriel

Skillthrive a publié ce tutoriel vidéo de 15:08 le 26 octobre 2019. Il a été vu 2 941 182 fois sur YouTube.

Catégorie
Éducation
Durée
15:08
Publié le
26 octobre 2019
Vues
2 941 182
J’aime
62 291

Partager

Pour aller plus loin

  • CSS Barre de navigation - w3bai.com w3bai.com

    Vertical Barre de navigation Exemples . Créer une barre de navigation verticale de base avec une couleur de fond gris et changer la couleur des liens en arrière-plan lorsque l'utilisateur déplace la souris sur eux: Accu…

  • Comment Créer un Menu de Navigation Déroulant Avec CSS? fr.w3docs.com

    Le tutoriel d’aujourd’hui explique comment créer un menu de navigation déroulant sur une application Web. Créons un bon menu de navigation déroulant pas à pas. Il existe trois façons de créer un menu déroulant à l'aide…

  • Création de barre de navigation - HTML / CSS Uniquement par ... openclassrooms.com

    Comment est-il possible de faire une barre de ce type y a t-il un tutoriel là-dessus, beaucoup de site ressemble à cela. Sur ces colonnes horizontales, les lignes grises que l'on peut voir (petites lignes verticale et l…

Ce tutoriel dans d’autres langues