Crie menus de Hamburger deslizantes fáceis com jQuery Slidebars Framework

Os designers de UX discutem o uso de menus de hambúrguer em web design. Eles servir a um propósito para usuários móveis mas também tem menor descoberta.

Eu não posso dizer se vale a pena usar em seu site ou não, mas se você está procurando uma maneira fácil de configurar um menu deslizante então o Estrutura de Slidebars é um recurso útil.

Slidebars é totalmente gratuito e de código aberto, construído no topo da biblioteca jQuery. Ele funciona exatamente como você esperaria onde você clica em um ícone de hambúrguer para abrir um menu deslizante e empurra a tela para fora da tela fazer espaço.

Uma característica que eu gosto especialmente é o configuração de tocar para ocultar onde você pode tocar em qualquer lugar na página para esconder imediatamente o menu. Isso não está embutido em todos os plug-ins de menu deslizante, mas é um recurso que melhora muito a experiência do usuário.

Este plugin é totalmente open-source e o código está disponível gratuitamente no GitHub se você quiser bisbilhotar. No entanto, o repo está faltando um conjunto claro de documentação que torna a configuração mais difícil.

Felizmente, você pode encontrar isso no site principal com guias de uso completo para obter Slidebars para cima e correr rápido.

Suporta menus deslizantes dos quatro lados da tela, junto com recursos personalizados para efeitos de animação, opções de cores e largura total / altura do menu.

Todo o menu deslizante funciona em um elemento fora da página, então você precisa configurar o menu fora da tela corretamente. Isso inclui tanto o HTML adequado quanto o CSS adequado para estilização.

Tudo isso é detalhado na documentação, portanto, se você seguir as páginas passo a passo, deverá fazê-lo funcionar bem. E a configuração padrão não requer propriedades personalizadas, então se você apenas seguir os passos básicos você não terá problemas.

Slidebars é realmente um quadro completo e ainda tem um API personalizada você pode trabalhar. Ele permite que você chamar funções jQuery para adicionar recursos ou personalizar a funcionalidade padrão. Uma excelente opção para desenvolvedores que precisam de um menu deslizante, mas não querem criar um a partir do zero.

Se você está curioso para saber mais, confira o site Slidebars. Tem literalmente tudo que você precisa saber e muitas demos para dar a volta.