Buat Mudah Meningkatkan Hamburger Menus dengan Rangka Slidebars jQuery

Pereka UX menentang penggunaan menu hamburger dalam reka bentuk web. Mereka memberikan tujuan kepada pengguna mudah alih tetapi juga mempunyai penemuan yang lebih rendah.

Saya tidak boleh mengatakan jika mereka bernilai menggunakan di laman web anda atau tidak, tetapi jika anda mencari jalan mudah menyediakan menu gelongsor maka Rangka Slidebars adalah sumber berguna.

Slidebars adalah percuma dan sumber terbuka, dibina di atas perpustakaan jQuery. Ia berfungsi seperti yang anda harapkan di mana anda mengklik ikon hamburger untuk membuka menu gelongsor dan ia menolak skrin kanvas untuk memberi ruang.

Satu ciri yang saya suka terutamanya ialah ketik menyembunyikan persediaan di mana anda boleh mengetik mana-mana sahaja di halaman tersebut segera sembunyikan menu. Ini tidak dibina ke dalam setiap plugin menu gelongsor tetapi ia merupakan ciri yang sangat meningkatkan pengalaman pengguna.

Plugin ini benar-benar sumber terbuka dan kod tersebut boleh didapati secara percuma pada GitHub jika anda mahu mencubit. Walau bagaimanapun, repo itu tidak mempunyai dokumentasi yang jelas yang membuat persediaan lebih sukar.

Syukurlah, anda boleh mencari ini di laman utama dengan panduan penggunaan penuh untuk mendapatkan Slidebars & pantas berjalan.

Ia menyokong menu gelongsor dari semua empat bahagian skrin, bersama dengan ciri tersuai untuk kesan animasi, pilihan warna, dan jumlah lebar / ketinggian menu.

Keseluruhan menu gelongsor berfungsi pada elemen luar halaman, jadi anda perlu sediakan menu luar kanvas dengan betul. Ini termasuk kedua-dua HTML yang betul dan CSS yang sesuai untuk gaya.

Semua ini terperinci secara terperinci dalam dokumentasi, jadi jika anda mengikuti halaman langkah demi langkah anda harus mendapatkannya berfungsi dengan baik. Dan persediaan lalai tidak memerlukan sebarang sifat tersuai, jadi jika anda hanya mengikut langkah asas anda tidak akan mengalami masalah.

Slidebars benar-benar adalah rangka kerja penuh dan ia juga mempunyai API adat anda boleh bekerja lebih. Ia membolehkan anda untuk memanggil fungsi jQuery untuk menambah ciri atau menyesuaikan fungsi lalai. Pilihan yang sangat baik untuk pemaju yang memerlukan menu gelongsor tetapi tidak mahu membuat satu dari awal.

Sekiranya anda ingin mengetahui lebih lanjut mengenai laman web Slidebars. Ia mempunyai semua yang anda perlu tahu dan banyak demo untuk dikunjungi.