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 select.

Berikut ini adalah beberapa contoh menu responsive yang bisa jadi inspirasi untuk Anda yang sedang mendesain website.

CSS Mega Dropdown

CSS Mega Dropdown

 

Secondary Sliding Navigation

Secondary Sliding Navigation

Multi-Level CSS Push Only Menu

Multi-Level CSS Push Only Menu

Off-Canvas Layout

Off-Canvas Layout

Mega-Site Navigation

Mega-Site Navigation

Pushy – Off-Canvas Navigation Menu

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.

Semoga berguna dan bermanfaat untuk Anda, salam Jurnalweb Indonesia.