Създайте лесни плъзгащи менюта с хамбургер с рамка jQuery Slidebars

UX дизайнерите се надпреварват за използването на менюта за хамбургер в уеб дизайна. Те служи за целите на мобилните потребители но също имат по-ниска откриваемост.

Не мога да кажа дали си струва да се използва на вашия сайт или не, но ако търсите лесен начин настройте плъзгащо се меню тогава Рамка за слайдове е удобен ресурс.

Slidebars е напълно свободен и с отворен код, построен върху библиотеката jQuery. Той работи точно както бихте очаквали, когато щракнете върху иконата на хамбургер, за да отворите плъзгащо се меню и то избутва екрана извън платното да направим място.

Една особеност, която особено харесвам, е докоснете настройката за скриване където можете да натиснете навсякъде в страницата незабавно скрийте менюто. Това не е вградено във всеки плъзгащ се плъзгащ се меню, а е функция, която значително подобрява потребителския опит.

Този плъгин е напълно отворен и кодът е достъпен безплатно в GitHub ако искаш да тичаш наоколо. Въпреки това, в репо липсва ясен набор от документи, което прави настройката по-трудна.

За щастие, можете да намерите това на главния сайт с пълни ръководства за използване за получаване на Slidebars & въртене бързо.

Поддържа плъзгащи се менюта от четирите страни на екрана, заедно с персонализирани функции за анимационни ефекти, избор на цвят и обща ширина / височина на менюто.

Цялото плъзгащо се меню работи на елемент извън страницата, така че трябва да настроите правилно менюто извън платното. Това включва както правилния HTML, така и подходящия CSS за оформяне.

Всичко това е подробно описано подробно в документацията, така че ако следвате страниците стъпка по стъпка, трябва да работите добре. И настройката по подразбиране не изисква персонализирани свойства, така че ако просто следвате основните стъпки, няма да имате проблеми.

Slidebars наистина е пълна рамка и дори има потребителски API можете да работите. Това ви позволява извикайте jQuery функции да добавяте функции или да персонализирате функционалността по подразбиране. Отличен избор за разработчици, които се нуждаят от плъзгащо се меню, но не искат да създават такъв от нулата.

Ако сте любопитни да научите повече, посетете сайта на Slidebars. Има буквално всичко, което трябва да знаете и много демонстрации.