Créez des menus glissants faciles à utiliser avec le cadre jQuery Slidebars

Les concepteurs d’UX se disputent l’utilisation de menus hamburger dans la conception web. Ils servir un but pour les utilisateurs mobiles mais aussi avoir une plus faible découvrabilité.

Je ne peux pas dire s’ils valent la peine d’être utilisés sur votre site Web ou non, mais si vous cherchez un moyen facile de mettre en place un menu coulissant puis le Cadre de barres coulissantes est une ressource utile.

Slidebars est totalement gratuit et open-source, construit au dessus de la bibliothèque jQuery. Il fonctionne exactement comme vous le souhaiteriez lorsque vous cliquez sur une icône de hamburger pour ouvrir un menu coulissant. pousse l'écran hors de la toile faire de la place.

Une caractéristique que j’aime particulièrement, c’est la configuration tap-to-hide où vous pouvez appuyer n'importe où sur la page pour cacher immédiatement le menu. Cela ne fait pas partie de tous les plugins de menu glissant, mais c'est une fonctionnalité qui améliore grandement l'expérience de l'utilisateur.

Ce plugin est totalement open-source et le code est disponible gratuitement sur GitHub si tu veux fouiner. Cependant, il manque au référentiel un ensemble de documents clairs rendant la configuration plus difficile..

Heureusement, vous pouvez le trouver sur le site principal avec guides d'utilisation complets pour faire fonctionner les barres de diapositives rapidement.

Il supporte les menus coulissants des quatre côtés de l'écran, de même que fonctionnalités personnalisées pour les effets d'animation, les choix de couleurs et la largeur / hauteur totale du menu.

Le menu entier coulissant fonctionne sur un élément hors page, alors vous devez configurer le menu hors-toile correctement. Cela inclut à la fois le code HTML approprié et le code CSS approprié pour le style.

Tout cela est décrit en détail dans la documentation. Par conséquent, si vous suivez les pages étape par étape, vous devriez le faire fonctionner correctement. Et, la configuration par défaut ne nécessite aucune propriété personnalisée, donc si vous suivez les étapes de base, vous n'aurez aucun problème.

Slidebars est vraiment un cadre complet et il a même un API personnalisée vous pouvez travailler dessus. Cela vous permet de appeler les fonctions jQuery ajouter des fonctionnalités ou personnaliser les fonctionnalités par défaut. Un excellent choix pour les développeurs qui ont besoin d'un menu coulissant mais ne veulent pas en créer un à partir de zéro.

Si vous souhaitez en savoir plus, consultez le site Web Slidebars. Il a littéralement tout ce que vous avez besoin de savoir et de nombreuses démos à découvrir..