.design .design

Créez un menu responsive off canvas avec Sidr

Sidr est une solution idéale pour créer un menu au sein d’un panel hors-écran et un moyen simple de rendre ce menu responsive.

.design
.design

Ce plugin vous donne la possibilité de réaliser une multitude de Sidrs sur la gauche ou la droite d’un site Web. Ces panels permettent de créer un menu responsive off canvas mais ils sont également une bonne astuce pour cacher une section complète d’un site. Par exemple un bloc texte ou un système de filtres.

L’utilisation de l’espace hors-écran est une alternative au tout vertical plutôt intéressante. Dans une grille responsive « classique », les éléments sont disposés l’un au-dessus de l’autre au sein d’une longue page. L’ajustement du contenu se fait uniquement sur l’espace visible de l’écran.

Dans le cas du off-canvas responsive, l’espace disponible à l’écran est optimisé en cachant une section lorsque la résolution de l’écran devient trop étroite. Le contenu off canvas n’apparaît que lorsque l’utilisateur effectue une action.

Cette technique est pratique pour lutter contre la verticalité des sites Web mobiles et desktop. Elle permet aussi d’offrir une expérience utilisateur améliorée en ne proposant que l’essentiel. Les sections secondaires sont cachées au profit d’une mise en avant des contenus.

Découvrir Sidr

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer