Menu

Sejarah Singkat Ikon Hamburger Menu

icon hamburger menu

Kita pasti mengetahui dan telah melihat icon hamburger ini. Sebagai contoh saja pasti hampir setiap hari Anda melihat icon yang ada di pojok kanan atas dari browser Google Chrome atau Mozilla Firefox

Membuat Fixed Menu Ketika Scroll Dengan CSS3, Jquery & HTML5

Fixed Scroll Menu

Kali ini tutorial-webdesign.com akan mencoba membuat menu yang posisinya selalu diatas (fixed) setelah halaman web di scroll, bukan hanya berada diatas, manu yang tadinya menyatu dengan halaman website ini akan berubah warna juga. Intinya disini kita akan belajar bagaimana menghapus dan menambah class pada tag html ketika menu di scroll dengan bantuan jquery. Agak berbeda…

Membuat Menu Posisi Tetap dan Responsive

flying-menu

Tulisan kali ini akan membahas tentang positioning di css, kita akan membuat studi kasus menu yang posisinya tetap biasa disebut menu melayang, atau flying menu atau fixed position menu. Menu tidak akan bergerak walaupun kita malakukan scroll sampai bawah. Gaya seperti ini memang sedang marak diterapkan oleh banyak web designer saat ini, website sosial media…

5 Prinsip Web Design Yang Baik


Nov 27th, 2012 News 13 Comments

cewek-motor

Ada beberapa prinsip dasar yang membuat web design itu bisa terlihat bagus. Banyak orang bilang desain itu relatif, kenapa? karena, misal: buat beberapa orang website banyak warna itu bagus dan menarik, tapi buat sebagian orang malah terlihat kuran baik dan norak. Ada yang menyebut minimalis itu baik, tapi ada yang mengejek minimalis itu sebagai desain…

Membuat Dropdown Menu Dengan Jquery dan CSS

dropdown-menu

Membuat dropdown menu dengan css, menu adalah hal paling penting dalam sebuah website, Menu yang baik akan memudahkan pengunjung dalam menjelajahi website kita, terutama ketika website kita ternyata memiliki halaman yang terdiri dari sub dan sub sub halaman. Pada tutorial kali ini kita akan mencoba membuat Dropdown menu dengan CSS, dan kita akan mempercantik menu…

5 Tips Mudah Meningkatkan Desain Blog dan Website

Kurangi Gangguan

Kita tau kalau dalam sebuah desain blog / website itu sering kali merasa kurang baik, atau sering kali ada beberapa bagian yang harus dirubah untuk meningkatkan efektifitas nya. Sering kali kita dibuat geregetan karena ada saja bagian yang kurang oke. Untuk meningkatkan kemampuan blog / website tersebut tidaklah harus melakukan redesign secara keseluruhan jika kita…

Tempat Mencari Icon Gratis

IconFinder

Hampir semua design ataupun penyampaian sebuah pesan tidak pernah luput dari unsur warna baik itu gambar ataupun beberapa icon yang mampu mengungkapkan banyak makna ataupun kata sehingga di kesempatan kali ini saya coba untuk berbagi beberapa Icon Packs Library. Tidak luput seorang coder, designer ataupun web design dalam mendesign sebuah sistem, aplikasi ataupun website tidaklah luput…

Membuat Slide Menu Dengan CSS dan Jquery

Slide Menu

Menu yang ketika Mouse Hover akan berganti seperti slide, dibuat dengan CSS dan Jquery. Kali ini kita akan mencaba membuat contoh menu yang bisa diterapkan di website anda, menu ini cukup menarik karena terlihat agak animatif dengan slide nya. Oke kita mulai saja langsung Ingredients Font Electrolize dari Google Web Fonts Jquery Subtlepattern Egg-Shell Struktur HTML…