9,00

Tuto Objectif Frontend : Comment créer facilement une Sidebar ? avec CSS, HTML

9,00

  • Une formation vidéo de 32m20s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Objectif Frontend : Comment créer facilement une Sidebar ?

ajouter ce cours aux favoris retirer ce cours des favoris

Dans ce cours en ligne, je vous propose d'apprendre comment créer une sidebar sans langage de programmation, et uniquement du langage CSS !

Cette sidebar nous permettra de gagner de la place sur la largeur de l'écran, en affichant par défaut que des pictogrammes.
C'est en passant le pointeur de la souris sur la sidebar que nous verrons alors apparaître les liens de notre menu de navigation.
Ce type de menu en sidebar est beaucoup utilisé dans les interfaces d'administration. De plus, cela permet de donner un effet moderne et agréable en terme ergonomique. Vous pourrez ainsi proposer ce type de navigation moderne à vos clients ou bien l'appliquer à vos propres développements.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Je fournis les codes de ce tuto CSS avec le tuto.

Table des matières de cette formation CSS, HTML (durée : 32m20s)

    • Mise en place du code HTML 00:09:03
    • Mise en forme de la Sidebar avec le CSS 00:11:25
    • Fonctionnement de la Sidebar 00:05:47
    • Ajouter une zone article à côté de la Sidebar 00:06:05



Formateur : Carl Brison

Carl Brison a publié 292 tutoriels et obtenu une note moyenne de 4,9/5 sur 18 281 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

4,9
note moyenne

7
avis laissés
5 étoiles
6
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de joemaster laissé le 31/01/2023
    Excellent tuto, une très bonne application du HTML et CSS. Toujours ravi de suivre tes tutos Carl. Toujours claire et précis dans tes explications. Bonne continuation et à un prochain tuto!
    "Merci beaucoup pour ton commentaire super gentil ;-)"

  • 5
    avis de valerie-a77 laissé le 05/06/2022
    Très bien ce tuto. Mon point faible : le overflow:hidden et le z-index. Je n'y pense jamais et surtout comment ou quand les utiliser. Deux propriétés pourtant formidables :-) Cela fait une page avec une belle sidebar complètement responsive sans utiliser les media queries. Merci et à bientôt Carl ;-)
    "Merci beaucoup pour votre commentaire très gentil, Valérie ;-)"

  • 5
    avis de toutkool laissé le 08/03/2022
    Simple, clair et efficace. Merci

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    HTML 5, CSS 3
  • Que contient le fichier source ?
    Le code complet de ce tutoriel
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1401 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données