Izveidojiet Easy Sliding Hamburger izvēlnes ar jQuery Slidebars Framework

UX dizaineri bicker pār izmantošanu hamburgeru izvēlnes web dizainā. Viņi mobilo sakaru lietotājiem bet arī ir zemāka atklāšana.

Es nevaru pateikt, vai tās ir vērts izmantot savā tīmekļa vietnē vai nē, bet, ja jūs meklējat vienkāršu veidu iestatiet bīdāmo izvēlni tad Slaidu joslu ietvars ir ērts resurss.

Bīdāmās joslas ir pilnīgi brīvas un atvērtas, uzbūvētas virs jQuery bibliotēkas. Tas darbojas tāpat kā jūs sagaidāt, kur noklikšķināt uz hamburgeru ikonas, lai atvērtu bīdāmo izvēlni un to nospiež ekrānu no audekla padarīt istabu.

Viena iezīme, kas man īpaši patīk, ir pieskarieties, lai paslēptu iestatījumu kur jūs varat pieskarties jebkurā vietā uz lapu nekavējoties slēpt izvēlni. Tas nav iebūvēts katrā slīdošā izvēlnes spraudnē, bet tā ir funkcija, kas ievērojami uzlabo lietotāja pieredzi.

Šis spraudnis ir pilnīgi atvērts un kods ir pieejams bez maksas GitHub ja jūs gribat apcirpt apkārt. Tomēr repo trūkst skaidras dokumentācijas kopas, kas padara uzstādīšanu stingrāku.

Par laimi, to var atrast galvenajā vietnē ar pilnas lietošanas pamācības lai iegūtu slīdrādi un darbotos ātri.

Tā atbalsta bīdāmās izvēlnes no visām četrām ekrāna pusēm, kopā ar pielāgotas funkcijas animācijas efektiem, krāsu izvēlei un izvēlnes kopējam platumam / augstumam.

Visa bīdāmā izvēlne darbojas ārpus lapas elementa, tāpēc jums ir nepieciešams pareizi iestatiet izvēlni, kas nav paredzēta audeklam. Tas ietver gan pareizu HTML, gan pareizu CSS veidošanai.

Tas viss ir detalizēti aprakstīts dokumentācijā, tādēļ, ja jūs sekojat līdzi pakāpeniskai lapai, jums tas jādara tikai labi. Un noklusējuma iestatīšana neprasa nekādus pielāgotus rekvizītus, tāpēc, ja jūs vienkārši izpildāt pamatdarbības, jums nebūs problēmu.

Slidebars tiešām ir pilnīga sistēma un tai pat ir a pielāgota API jūs varat strādāt vairāk. Tas ļauj jums zvaniet jQuery funkcijām lai pievienotu funkcijas vai pielāgotu noklusējuma funkcionalitāti. Lieliska izvēle izstrādātājiem, kuriem ir nepieciešama bīdāmā izvēlne, bet nevēlaties to izveidot no nulles.

Ja vēlaties uzzināt vairāk, apmeklējiet Slidebars vietni. Tas ir burtiski viss, kas jums jāzina, un daudz demo, lai dotos apkārt.