nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Maak eenvoudige glijdende hamburger menu's met jQuery Slidebars Framework

UX-ontwerpers kibbelen over het gebruik van hamburger-menu's in webdesign. Ze dienen een doel voor mobiele gebruikers, maar hebben ook een lagere vindbaarheid .

Ik kan niet zeggen of ze het waard zijn om te gebruiken op uw website of niet, maar als u op zoek bent naar een eenvoudige manier om een glijdend menu in te stellen, dan is het Slidebars Framework een handige hulpbron.

Slidebars is volledig gratis en open-source, gebouwd bovenop de jQuery-bibliotheek . Het werkt net zoals je zou verwachten wanneer je op een hamburgersymbool klikt om een ​​glijdend menu te openen en het duwt het scherm uit het canvas om ruimte te maken.

Een functie die ik vooral leuk vind, is de tik-om-te-verbergen-opstelling waar je overal op de pagina kunt tikken om het menu onmiddellijk te verbergen . Dit is niet in elke schuifmenuplug-in ingebouwd, maar het is een functie die de gebruikerservaring aanzienlijk verbetert.

Deze plug-in is volledig open source en de code is gratis beschikbaar op GitHub als je wilt rondneuzen. De repo mist echter een duidelijke set documentatie die het instellen moeilijker maakt.

Gelukkig kun je dit op de hoofdsite vinden met volledige gebruiksaanwijzingen om Slidebars snel op te starten en te laten werken.

Het ondersteunt schuifmenu's aan alle vier zijden van het scherm, samen met aangepaste functies voor animatie-effecten, kleurkeuzes en totale breedte / hoogte van het menu.

Het gehele schuifmenu werkt op een element buiten de pagina, dus u moet het menu buiten het canvas juist instellen . Dit omvat zowel de juiste HTML als de juiste CSS voor styling.

Dit alles is uitvoerig beschreven in de documentatie, dus als je de pagina's stap voor stap volgt, zou je het goed moeten laten werken. En de standaardinstelling vereist geen aangepaste eigenschappen, dus als u alleen de basisstappen volgt, zult u geen problemen ondervinden.

Slidebars is echt een volledig framework en het heeft zelfs een aangepaste API waar je aan kunt werken. Hiermee kunt u jQuery-functies aanroepen om functies toe te voegen of de standaardfunctionaliteit aan te passen. Een uitstekende keuze voor ontwikkelaars die een glijdend menu nodig hebben, maar er geen één willen creëren.

Als je nieuwsgierig bent naar meer informatie, kijk dan op de Slidebars-website. Het heeft letterlijk alles wat je moet weten en genoeg demo's om rond te gaan.

10 dingen die je smartwatch moet kunnen doen

10 dingen die je smartwatch moet kunnen doen

Er is dus een schat aan recensies van Apple Watch die de ronde nu goed maken. Terwijl je ze leest, kun je niet ontkomen aan het idee dat nogal wat mensen nog steeds niet overtuigd zijn dat de smartwatch de moeite waard is om in te investeren . En dat komt waarschijnlijk omdat de smartwatch de massa's niet echt heeft kunnen overtuigen dat het iets doet dat een gewone smartphone niet kan

(Technische en ontwerptips)

25 Mind-Boggling-sculpturen die de wetten van de fysica trotseren

25 Mind-Boggling-sculpturen die de wetten van de fysica trotseren

Het doel van kunst is om het comfortabele ongemakkelijke en het ongemakkelijke comfortabel te maken. We dagen concepten uit die we gewend zijn, maar vinden troost in de daad zelf, en als het gaat om openbare kunst daagt geen ander kunstwerk de status-quo uit dan beelden die de logica tarten en ons begrip van hoe de dingen werken

(Technische en ontwerptips)