Ustvarite lahek drsni hamburger z jQuery Slidebars okvirjem
UX oblikovalci se prepirata nad uporabo meniji hamburgerjev v spletnem oblikovanju. Oni uporabljajo za mobilne uporabnike ampak tudi imajo nižjo odkritost.
Ne morem reči, ali je vredno uporabiti na vaši spletni strani ali ne, če pa iščete enostaven način nastavite drsni meni potem Okvir za diapozitive je priročen vir.
Slidebar je popolnoma brezplačen in odprtokoden, zgrajen na vrhu knjižnice jQuery. Deluje tako, kot bi pričakovali, da kliknete ikono hamburgerja, da odprete drsni meni in ga potisne zaslon na platno narediti prostor.
Ena od značilnosti, ki mi je še posebej všeč je tapnite-to-hide setup kjer lahko tapnete kjerkoli na strani takoj skrij meni. To ni vgrajeno v vsak drsni vtičnik, ampak je funkcija, ki močno izboljša uporabniško izkušnjo.
Ta vtičnik je popolnoma odprt in koda je na voljo brezplačno na GitHub če hočeš klopiti okoli. Vendar pa repo manjka jasen nabor dokumentacije, zaradi česar je namestitev težja.
K sreči lahko to najdete na glavni strani popolni vodiči za uporabo za hitro nalaganje diapozitivov.
Podpira drsne menije na vseh štirih straneh zaslona, skupaj z funkcije po meri za učinke animacije, izbire barv in skupno širino / višino menija.
Celoten drsni meni deluje na elementu off-page, tako da morate pravilno nastavite meni off-platna. To vključuje ustrezen HTML in ustrezen CSS za oblikovanje.
Vse to je podrobno podrobno opisano v dokumentaciji, tako da, če boste sledili korakom po korakih, bi morali dobro delovati. In privzeta nastavitev ne zahteva nobenih lastnosti po meri, če boste sledili osnovnim korakom, ne boste imeli težav.
Slidebars je res celotnega okvira in ima celo API po meri lahko delate več. To vam omogoča pokličite funkcije jQuery dodate funkcije ali prilagodite privzeto funkcionalnost. Odlična izbira za razvijalce, ki potrebujejo drsni meni, vendar jih ne želite ustvariti iz nič.
Če vas zanima več, si oglejte spletno stran Slidebars. Ima dobesedno vse, kar morate vedeti in veliko demo posnetkov.
