jQuery.mmenu - Crea menu scorrevole con facilità

Creare menu creativamente diversi a volte è piuttosto difficile quando non hai alcuna idea o ispirazione. Ma questo tipo di problema può essere risolto ricercando altri design di menu di ispirazione o con l'aiuto di strumenti. In questo caso, jQuery.Mmenu è uno strumento molto utile.

jQuery.Mmenu è un plugin jQuery di facile utilizzo per la creazione di menu di navigazione scorrevole per app mobili nel tuo sito web. Questo menu creativo slick porterà un'esperienza utente più gradevole e ordinata.

Iniziare

Per iniziare con jQuery.Mmenu, vai alla pagina di download e il plugin verrà scaricato automaticamente. In questo post, proveremo a creare un menu base.

Proprio come altri plugin jQuery, per usarlo devi includere le dipendenze richieste al tuo sito. Quelli sono jQuery, jquery.mmenu.js e jquery.mmenu.css . Lo snippet è il seguente:

 ..  .. 

E questo dovrebbe essere sufficiente per creare un menu base con tutte le funzionalità e lo stile . Per funzionalità più avanzate ed extra, è necessario includere file JS e CSS aggiuntivi .

Creare un menu

Creiamo il menu base come di solito lo crei con nav, ul, li e a elemento. In questa demo, creeremo un menu orizzontale con tre sottomenu e anche tre sottomenu secondari, ad esempio.

Nel menu precedente, abbiamo incluso il nav con un id di menu che verrà usato come riferimento alla funzione jQuery.mmenu. Quindi chiama il plugin con la funzione javascript e includi l'id in questo modo.

Nel tag LI, puoi vedere una classe chiamata Selected, questa classe è utile per rendere il menu predefinito predefinito dopo l'inizializzazione. Puoi anche aggiungere la tua classe (ad esempio "attiva"), ma assicurati di includerla nella sezione di configurazione, in questo modo.

Questo plugin ha aggiunto automaticamente i collegamenti di chiusura e apertura del sottomenu, quindi non è necessario crearli. Il nostro menu dovrebbe assomigliare a questo.

Conclusione

jQuery.mmenu ti offre un'ottima soluzione per creare menu diversi nel modo più semplice possibile. Puoi anche creare altri elementi interattivi con questo plug-in, ad esempio puoi creare un tooltip scorrevole e una barra di notifica per il sito mobile.

jQuery.Mmenu può essere personalizzato anche per l'utilizzo avanzato. Ad esempio, puoi creare un elenco di contatti di tipo mobile nel tuo sito combinandone estensione, addon (etichette, contatori, intestazione, dragOpen e campo di ricerca) e posizionamento.

10 migliori app per dispositivi mobili per creare facilmente la tipografia

Raggruppare le parole in un bel font è divertente, e ora è anche estremamente semplice farlo sul tuo dispositivo mobile. Ci sono un sacco di strumenti di tipografia web e librerie che puoi usare per lo stesso scopo, ma quando si tratta di un'app, che puoi usare in qualsiasi momento prima di condividere sul tuo social network, dai, a chi non piacerebbe?Q

(Consigli tecnici e di design)

Facebook, Messenger e Instagram ricevono una casella di posta unificata

I gestori dei social media responsabili delle pagine Facebook e Instagram della loro azienda avranno presto il loro lavoro ottimizzato. Facebook ha annunciato che introdurrà una casella di posta unificata per la sua app mobile di Pages Manager .Questa casella di posta unificata ti consentirà di collegare la pagina Facebook della tua organizzazione, la pagina Messenger e Instagram sull'app di gestione delle pagine.U

(Consigli tecnici e di design)