Burger Menu

buger-menu

Burger menu

Burger Menu est le nom du menu de navigation couramment utilisé pour les versions mobiles des sites internet ou pour les applications mobiles.
Ce terme évoque la représentation stylisée d’un hamburger, avec ses différentes couches, sous forme de 3 barres horizontales superposées.

Nous utilisons aussi ce bouton latéral de navigation à tiroir sur les sites en version grand écran lorsque le projet nous l’autorise, car il permet, comme sur mobile, de libérer une belle place en haut de l’écran, pour les éléments spécifiques à la page (le titre, l’accroche, l’illustration…). La barre de navigation est masquée par défaut, puis elle s’affiche avec ou sans effet animé lorsqu’on clique sur le « burger menu ».

Placée dans les coins en haut à gauche ou à droite des sites « mobile friendly », ce pictogramme s’est imposé progressivement depuis l’apparition des smartphones, pour être maintenant parfaitement reconnaissable par tout le monde.

On réalise généralement cette icône directement en css pure, sans avoir recours à une image en gif, svg ou en png, qui nécessiterait un appel supplémentaire à un fichier.