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.

Micro è l'editor di testi basato sul terminale che adorerai

Lo sviluppo del Web è cambiato molto nel corso degli anni. Solo un decennio fa il terminale non era necessario per costruire siti web. Al giorno d'oggi è praticamente un punto fermo con Gulp / Grunt, npm e il controllo di versione come Git tutto in esecuzione tramite riga di comando.Se sei un fan del terminale essendo un ambiente potente e incontaminato per lavorare con il codice, allora adorerai Micro IDE.È

(Consigli tecnici e di design)

Nuove risorse per sviluppatori Web - Maggio 2017

Una raccolta di utili risorse web è qualcosa che uno sviluppatore web non vede davvero nel proprio toolkit. Pertanto, essendo io stesso uno sviluppatore, mi sforzo di presentarti le migliori e le più recenti risorse di sviluppo web ogni mese.La raccolta di questo mese include un'interessante app gratuita per screencasting, un paio di framework basati sul linguaggio Material Design, un paio di librerie per il test delle prestazioni, CLI e una manciata di altre risorse utili .

(Consigli tecnici e di design)