Luo Easy Sliding Hamburger -valikot jQuery Slidebars Frameworkin avulla

UX-suunnittelijat hakkasivat käyttää hampurilaisvalikot web-suunnittelussa. Ne palvella tarkoitusta varten mobiilikäyttäjille mutta myös vähemmän havaittavissa.

En voi sanoa, onko heille syytä käyttää sivustossasi vai ei, mutta jos etsit helppoa tapaa määritä liukuva valikko sitten Slidebars-kehys on kätevä resurssi.

Slidebars on täysin ilmainen ja avoin lähdekoodi, joka on rakennettu jQuery-kirjaston päälle. Se toimii aivan kuten olet odottanut, kun napsautat hampurilaiskuvaketta avataksesi liukuvalikon ja sen työntää näytön pois kankaasta tehdä tilaa.

Yksi ominaisuus, jota pidän erityisesti, on kosketa-to-hide-asetusta missä voit napauttaa sivua missä tahansa piilota valikko välittömästi. Tämä ei ole sisäänrakennettu jokaiseen liukuvalikon laajennukseen, mutta se on ominaisuus, joka parantaa huomattavasti käyttäjäkokemusta.

Tämä plugin on täysin avoin ja koodi on saatavilla ilmaiseksi GitHubissa jos haluat paisata. Repossa ei kuitenkaan ole selkeää dokumentointia, joka tekee asennuksen kovemmaksi.

Onneksi voit löytää tämän pääsivustolla täydelliset käyttöohjeet saat diapalkit nopeasti ja nopeasti.

Se tukee liukuvia valikoita näytön neljästä sivusta, kera mukautettuja ominaisuuksia animaatiotehosteet, värivalinnat ja valikon koko leveys / korkeus.

Koko liukuvalikko toimii off-page-elementillä, niin sinun täytyy ota kankaalle -valikko käyttöön oikein. Tämä sisältää sekä oikean HTML: n että oikean CSS: n muotoiluun.

Kaikki tämä on yksityiskohtaisesti kuvattu asiakirjoissa, joten jos seuraat sivuja vaiheittain, sinun pitäisi saada se toimimaan hienosti. Ja oletusasetus ei vaadi mukautettuja ominaisuuksia, joten jos noudatat vain perusvaiheita, sinulla ei ole ongelmia.

Slidebars on todella a täydelliset puitteet ja sillä on jopa a mukautettu API voit työskennellä. Sen avulla voit soita jQuery-toimintoihin lisätä ominaisuuksia tai muokata oletustoimintoja. Erinomainen valinta kehittäjille, jotka tarvitsevat liukuvalikkoa, mutta eivät halua luoda niitä tyhjästä.

Jos haluat tietää lisää, tutustu Slidebars-sivustoon. Siinä on kirjaimellisesti kaikki mitä sinun tarvitsee tietää ja paljon demoja, joita haluat mennä ympäri.