jQuery.mmenu - Créer un menu coulissant avec facilité

Créer un menu créatif différent est parfois difficile quand vous n'avez aucune bonne idée ou inspiration. Mais ce genre de problème peut être résolu en cherchant d'autres menus inspirants ou à l'aide d'outils. Dans ce cas, jQuery.Mmenu est un outil très pratique.

jQuery.Mmenu est un plugin jQuery facile à utiliser pour créer un menu de navigation glissant app mobile sur votre site Web. Ce menu créatif élégant apportera une expérience utilisateur plus agréable et plus agréable.

Commencer

Pour commencer avec jQuery.Mmenu, rendez -vous sur la page de téléchargement et le plugin sera téléchargé automatiquement. Dans ce post, nous allons essayer de construire un menu de base.

Tout comme les autres plugins jQuery, pour l'utiliser, vous devez inclure les dépendances requises sur votre site. Ce sont jQuery, jquery.mmenu.js et jquery.mmenu.css . L'extrait est comme suit:

 ..  .. 

Et cela devrait suffire pour créer un menu de base avec toutes les fonctionnalités et le style . Pour plus de fonctionnalités avancées et supplémentaires, vous devez inclure des fichiers JS et CSS supplémentaires .

Créer un menu

Créons le menu de base tel que vous le créez habituellement avec nav, ul, li et a elements. Dans cette démo, nous allons créer un menu horizontal qui a trois sous-menus et trois sous-sous-menus, comme ça.

Dans le menu ci-dessus, nous avons inclus le nav avec un identifiant de menu qui sera utilisé comme référence de la fonction jQuery.mmenu. Puis appelez le plugin avec la fonction javascript et incluez l'id comme ça.

Dans la balise LI, vous pouvez voir une classe nommée Selected, cette classe est utile pour faire le menu sélectionné par défaut lors de l'initialisation. Vous pouvez également ajouter votre propre classe (par exemple "active"), mais assurez-vous de l' inclure dans la section de configuration, comme cela.

Ce plugin a automatiquement ajouté les liens de fermeture et d'ouverture du sous-menu, nous n'avons donc pas besoin de les créer. Notre menu devrait ressembler à ceci.

Conclusion

jQuery.mmenu vous offre une excellente solution pour créer différents menus aussi facilement que possible. Vous pouvez même créer d'autres éléments interactifs avec ce plugin, par exemple, vous pouvez créer une info-bulle coulissante et une barre de notification pour un site mobile.

jQuery.Mmenu peut également être personnalisé pour une utilisation avancée. Par exemple, vous pouvez créer une liste de contacts de type mobile dans votre site en combinant ses thèmesextension, addon (étiquettes, compteurs, en-tête, dragOpen et searchfield) et le positionnement.

Envoyer les notifications Push du navigateur avec Push.js

Les applications mobiles natives supportaient toujours les notifications push . Cependant, ces notifications étaient absentes du Web jusqu'à ce que l' API Notifications apparaisse.L'API Notifications fonctionne via JavaScript . Il vous permet d' envoyer des notifications push directement sur l'ordinateur de l'utilisateur via la fenêtre de son navigateur. C

(Conseils techniques et de conception)

Comment devenir un concepteur d'interaction: un coup de pouce dans la carrière d'IxD

Le domaine croissant de la conception d'interaction englobe tout, des applications mobiles aux sites Web, et même aux jeux vidéo. Les compétences sont en forte demande, mais de quoi avez-vous besoin pour commencer une carrière dans la conception d'interaction ?La conception d'interaction est souvent considérée comme une combinaison de conception UX et de conception d'interface utilisateur pour les projets d'interface numérique . Les c

(Conseils techniques et de conception)