Dengan semakin banyaknya pengguna smartphone maka website yang responsive saat ini adalah sebuah keharusan. Website yang responsive tentu butuh sebuah navigasi menu responsive juga agar bisa terlihat bagus ketika dibuka dengan berbagai perangkat yang tentu memiliki berbagai ukuran layar.
Berbicara tentang menu yang responsive, terdapat berbagai macam teknik dan model atau bentuk yang bisa diterapkan pada website.
Baik menu yang tadinya vertical atau horizontal, ketika dibuka dengan layar yang lebih kecil maka harus bisa menyesuaikan, baik itu dengan merubah cssnya, atau dengan merubah bentuknya menjadi tag
Berikut ini adalah beberapa contoh menu responsive yang bisa jadi inspirasi untuk Anda yang sedang mendesain website.
Contoh menu yang dikumpulkan website NavNav kemungkinan akan semakin bertambah seiring waktu dan mungkin akan mencapai 1001 suatu saat nanti. Kita tunggu saja hasil kerja dari pemilik website nya.
Berbicara tentang menu yang responsive, terdapat berbagai macam teknik dan model atau bentuk yang bisa diterapkan pada website.
Baik menu yang tadinya vertical atau horizontal, ketika dibuka dengan layar yang lebih kecil maka harus bisa menyesuaikan, baik itu dengan merubah cssnya, atau dengan merubah bentuknya menjadi tag
select
.Berikut ini adalah beberapa contoh menu responsive yang bisa jadi inspirasi untuk Anda yang sedang mendesain website.
CSS Mega Dropdown
Secondary Sliding Navigation
Multi-Level CSS Push Only Menu
Off-Canvas Layout
Mega-Site Navigation
Pushy – Off-Canvas Navigation Menu
Ratusan Menu Lainnya
Untuk ratusan contoh menu CSS, JS + Jquery lainnya, Anda bisa mengunjungi website NavNav.co yang saat ini sudah mengumpulkan lebih dari seratus bentuk dan model menu responsive baik itu yang dibuat dengan css, js atau ditambah dengan js framework jquery.Contoh menu yang dikumpulkan website NavNav kemungkinan akan semakin bertambah seiring waktu dan mungkin akan mencapai 1001 suatu saat nanti. Kita tunggu saja hasil kerja dari pemilik website nya.
No comments:
Write comments