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.

Guida del designer alle nozioni di base sulla progettazione dell'accessibilità Web

Il Web dovrebbe essere un luogo in cui tutti possono accedere agli stessi contenuti da qualsiasi parte del mondo. Le tecniche di risposta hanno fatto molta strada per i design indipendenti dal dispositivo . Ma che dire dei design agnostici per l' accessibilità ?L'accessibilità al web esiste da anni, ma la sua implementazione richiede nuovi progressi nella tecnologia e nello sviluppo del web.

(Consigli tecnici e di design)

Come combinare query multimediali duplicate

Oggi esistono numerosi framework che possono aiutarti a creare rapidamente siti Web reattivi. Bootstrap e Foundation, ad esempio, sono dotati di una serie di componenti comuni del sito Web, plug-in, un sacco di regole di stile predefinite e query multimediali CSS3 per la costruzione della griglia reattiva

(Consigli tecnici e di design)