Buat Easy Hamburger Sliding Hamburger dengan jQuery Slidebars Framework

Desainer UX bertengkar karena penggunaan menu hamburger dalam desain web. Mereka melayani tujuan untuk pengguna seluler tetapi juga memiliki kemampuan menemukan yang lebih rendah.

Saya tidak bisa mengatakan apakah mereka layak digunakan di situs web Anda atau tidak, tetapi jika Anda mencari cara yang mudah untuk melakukannya mengatur menu geser lalu Kerangka Slidebars adalah sumber daya yang berguna.

Slidebars sepenuhnya gratis dan open-source, dibangun di atas perpustakaan jQuery. Ini berfungsi seperti yang Anda harapkan di mana Anda mengklik ikon hamburger untuk membuka menu geser dan itu mendorong layar dari kanvas untuk membuat ruang.

Salah satu fitur yang saya sukai adalah pengaturan tap-to-hide tempat Anda dapat mengetuk di mana saja pada halaman segera sembunyikan menu. Ini tidak dibangun di setiap plugin menu geser tetapi ini adalah fitur yang sangat meningkatkan pengalaman pengguna.

Plugin ini sepenuhnya bersumber terbuka dan kodenya tersedia secara gratis di GitHub jika Anda ingin melihat-lihat. Namun, repo tidak memiliki satu set dokumentasi yang jelas yang membuat pengaturan menjadi lebih sulit.

Untungnya, Anda dapat menemukan ini di situs utama dengan panduan penggunaan penuh untuk mengaktifkan & menjalankan Slidebars.

Ini mendukung menu geser dari keempat sisi layar, bersama fitur khusus untuk efek animasi, pilihan warna, dan total lebar / tinggi menu.

Seluruh menu geser bekerja pada elemen di luar halaman, jadi kamu perlu mengatur menu off-canvas dengan benar. Ini termasuk HTML yang tepat dan CSS yang tepat untuk penataan.

Semua ini dirinci secara menyeluruh dalam dokumentasi, jadi jika Anda mengikuti halaman langkah demi langkah Anda harus membuatnya berfungsi dengan baik. Dan, pengaturan standar tidak memerlukan properti khusus apa pun, jadi jika Anda hanya mengikuti langkah-langkah dasar Anda tidak akan kesulitan.

Slidebars benar-benar adalah kerangka kerja penuh dan bahkan memiliki API khusus kamu bisa bekerja. Itu memungkinkan Anda untuk panggil fungsi jQuery untuk menambah fitur atau menyesuaikan fungsionalitas default. Pilihan yang bagus untuk pengembang yang membutuhkan menu geser tetapi tidak ingin membuatnya dari awal.

Jika Anda penasaran untuk mempelajari lebih lanjut, periksa situs web Slidebars. Ini benar-benar semua yang perlu Anda ketahui dan banyak demo untuk berkeliling.