Category: Tips & Tricks

Dalam topik ini kita menyajikan tips dan trik seputar web design, web development dan graphic design

Membuat Breadcrumb di WordPress

Pada tulisan ini kita akan mencoba membuat breadcrumb di wordpress, sebelum nya sudahkah anda mengetahui apa yang dimaksud dengan breadcrumb? Jika anda belum mengetahui silahkan baca penjelasannya berikut ini dari website wikipedia. Jika anda seorang wordpress theme developer / theme maker pastinya harus memikirkan untuk menyertakan breadcrumb pada template yang anda buat. Karena ini merupakan…

Mengenal Box Sizing CSS3

Hallo web designer, kali ini tutorial-webdesign.com akan membahas tentang fitur box-sizing yang merupakan salah satu fitur bawaan css3. Semoga ada pelajaran yang bisa diambil dari tulisan tentang box-sizing ini. Fitur ini cukup berguna karena sedikit menghilangkan pusing yang biasa timbul ketika kita sedang membuat layout web. Dimana biasanya kita menentukan lebar layout yang kita inginkan…

Tips Membuat Horizontal Menu Dengan CSS

Horizontal Menu

Navigasi merupakan hal yang ponting untuk ada di website, ini untuk memudahkan user dalam menjelajahi isi website, Navigasi bisa disebut menu, menu ada yang berbentuk Vertical, dan ada juga yang berbentuk Horizontal. Menu Vertical adalah menu yang berderet kebawah, sedangkan Horizontal Memanjang Kesamping. Pada tips singkat berikut ini kita akan mencoba teknik dasar bagaimana teknik…

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…

WordPress – Mengurutkan Kategori Berdasarkan Kategori Postingan Terbaru

Mengurutkan kategori di wordpress tidak lah sulit, karena parameter nya sudah tersedia di function wp_list_categories(), dengan function itu kita bisa mengurutkan kategori berdasarkan ID, name, slug, count atau term_group, namun ada kalanya kita diminta untuk mengurutkan berdasarkan postingan terakhir yang kita buat. Inilah yang agak sulit, Misal posting terakhir tentang ekonomi, maka categori yang dimunculkan…

Check & Uncheck All Checkboxs dengan Jquery

Check uncheck jquery

Check dan Uncheck All sering kita gunakan ketika membuat program untuk back-end, biasanya digunakan untuk menyeleksi semua postingan atau apapun sebelum di delete, atau dalam sebuah shopping cart di website e-commerce juga sering kita temui fitur untuk check dan uncheck semua barang yang ada di keranjang belanja. Ketika membuka email juga kita bisa temukan fasilitas…

Pilihan warna Dark / Light pada video player Youtube

Youtube Player

Dalam pekerjaan di bidang web design atau web developer tentu kita sering berurusan dengan client yang ingin menampilkan video dari youtube  di website mereka bukan? Biasanya website musisi, artis, atau website sebuah produk yang memiliki iklan di TV, pasti mengupload video mereka di youtube, dan mereka ingin video itu juga tampil di website pribadinya. Sebagai…

Shadow atau Bayangan dengan CSS3

Sahabat Wakaka Design, kali ini kita akan membahas tentang CSS Shadow, jika diingat beberapa tahun yang lalu, ketika ingin menciptakan efek bayangan di website, maka kita harus membuat nya di photoshop dengan menggunakan Efek Drop Shadow, lalu kita crop/slicing sesuai kebutuhan. Wew, repot ya? apa lagi hasilnya berbentuk sebuah file gambar, yang bisa memberatkan website,…

Membuat foto bergaya Instagram di wordpress dengan vintagejs

Vintagejs

Sejak pertama kali muncul di iPhone, Instagram sudah membuat orang jatuh hati, penggemarnya langsung banyak, bahkan ada orang yang rela membeli iPhone yang harganya cukup mahal itu hanya untuk bisa mengupload foto dan memberi efek di Instagram, terkesan sangat exclusive, serasa jadi Photographer handal. Namun belakangan Instagram juga muncul di Android, penggemar dan penggunanya pun…

1 4 5 6