jQuery.mmenu - Maak Sliding Menu met gemak

Het maken van een creatief ander menu is soms behoorlijk moeilijk als je geen goed idee of inspiratie hebt. Maar dit soort zaken kan worden opgelost door te zoeken naar andere inspirerende menu-ontwerpen of met behulp van hulpmiddelen. In dit geval komt jQuery.Mmenu binnen als een redelijk handig hulpmiddel.

jQuery.Mmenu is een eenvoudig te gebruiken jQuery-plug-in voor het maken van navigatie-menu's voor mobiele apps op uw website. Dit gelikte creatieve menu zorgt voor een mooiere en nette gebruikerservaring.

Ermee beginnen

Om aan de slag te gaan met jQuery.Mmenu, ga je naar de downloadpagina en wordt de plug-in automatisch gedownload. In dit bericht proberen we een basismenu te maken.

Net als bij andere jQuery-plug-ins, moet u deze gebruiken om de vereiste afhankelijkheden aan uw site toe te voegen. Dat zijn jQuery, jquery.mmenu.js en jquery.mmenu.css . Het fragment is als volgt:

 ..  .. 

En dat zou genoeg moeten zijn voor het creëren van een basismenu met alle functionaliteiten en styling . Voor meer geavanceerde en extra functies, moet u extra JS- en CSS-bestanden toevoegen .

Een menu maken

Laten we het basismenu maken zoals u het gewoonlijk maakt met de elementen nav, ul, li en a . In deze demo maken we een horizontaal menu met drie submenu's en ook drie sub-submenu's.

In het bovenstaande menu hebben we de nav met een menu id opgenomen die zal worden gebruikt als de jQuery.mmenu-functie. Bel dan de plug-in met de javascript-functie en voeg de id toe zoals zo.

In de LI-tag ziet u een klasse met de naam Selected, deze klasse is handig om bij de initialisatie het standaard geselecteerde menu te maken. U kunt ook uw eigen klasse toevoegen (bijvoorbeeld "actief"), maar zorg ervoor dat u deze klasse opneemt in de configuratiesectie, zoals zo.

Deze plug-in heeft automatisch de koppelingen voor sluiten en openen van het submenu toegevoegd, dus we hoeven ze niet te maken. Ons menu zou er zo uit moeten zien.

Conclusie

jQuery.mmenu biedt u een geweldige oplossing om verschillende menu's zo eenvoudig mogelijk te maken. U kunt zelfs andere interactieve elementen met deze plug-in maken, u kunt bijvoorbeeld een slidingtooltip en meldingsbalk voor mobiele sites maken.

jQuery.Mmenu kan ook worden aangepast voor gebruik vooraf. U kunt bijvoorbeeld een op een mobiel lijkende lijst met contactpersonen in uw site maken door de volgende extensies, add-on (labels, tellers, koptekst, dragOpen en zoekveld) en positionering te combineren.

Ontcijferen van de NDA-code (Non-Disclosure Agreements)

Voor degenen die beginnen met freelance schrijven, kan de geheimhoudingsovereenkomst of NDA een eng ding zijn. Het zou eng moeten zijn. Het is niet iets dat lichtvaardig moet worden opgevat. Sommige schrijvers kunnen een hele carrière volgen en zien er nooit een. Anderen zien velen. Het is bekend onder vele namen, namen zoals:Informatie over correctheidGeheimhoudingsovereenkomstVertrouwelijke openbaarmakingsovereenkomstVertrouwelijkheidsovereenkomstZe dienen allemaal als een overeenkomst tussen de freelancer - schrijver, ontwerper, ontwikkelaar, copywriter enz.

(Technische en ontwerptips)

10 gratis HTML5 Videoconversietools

Voorbij zijn de dagen dat bewegende beelden op uw website betekenden dat u GIF's of Adobe Flash moest gebruiken. Door de opkomst van HTML 5 en de multimedia-functies konden ontwerpers het zonder Adobe Flash of zware, traag ladende GIF-animaties doen en in plaats daarvan de native HTML5-videospeler gebruiken

(Technische en ontwerptips)