Category: Web Design

Dalam topik ini kita akan membahas semua yang terkait dengan web design, inspirasi, opini, maupun hal-hal lain yang berhubungan

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…

Mendesain halaman Gallery dengan CSS3

Css3 Hover Animation

Membuat halaman Profile atau halaman Team work dalam sebuah website perusahaan itu penting, halaman itu biasanya berisi foto anggota tim dan jabatannya pekerjaannya. Dalam tutorial ini kita akan mencoba membuat halaman tersebut agar terlihat lebih menarik. Idenya yaitu membuat biodata muncul ketika mouse berada diatas gambar dan disaat itu juga gambar yang lain akan ikut meredup. Seperti…

Membuat Form Login dengan PHP, Jquery & CSS3 + Download

Login Form Jquery

Membuat halaman login yang elegan dengan menggunakan  CSS3, Jquery + Ajax serta diproses dengan PHP. Layout untuk halaman login administrator ini sebenarnya saya gunakan untuk project web aplikasi yang sedang saya kerjakan, setelah aplikasi selesai akhirnya terpikir untuk membagikan kepada teman-teman di Wakaka Design. Siapa tau bisa berguna dan membantu mempercepat pekerjaan teman-teman yang sedang…

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…

Animasi dengan CSS

Beberapa tahun lalu, jika ingin membuat sebuah animasi sederhana di website, seperti objek bergerak dari kiri ke kanan, maka kita harus membuatnya menggunakan Flash, yang dibuat frame-by-frame. Agak ribet ya. Namun saat ini semua sudah lebih simple, kita bisa membuat animasi dengan CSS3. Bagimana membuat nya? Pada tulisan ini wakaka mencontohkan animasi sederhana yang bisa…

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…

Waktu Luang Seorang Web Designer

Business Plan

Sudah tanggal 30 Mei, Bulan ini sebagai Web Designer dan Developer “tanpa kantor” saya merasa sedikit kesepian, bukan kesepian karena sedang tidak memiliki pacar ya :) “hal itu sudah biasa” :( tapi karena job yang saya dapat hanya satu dan itu pun berskala kecil. Begitu banyak waktu tersisa tanpa kerjaan rasanya sangat mubazir, kondisi  seperti…

Membuat website full background

Saat ini teknik mendesain website sangat beragam, salah satu yang digemari para desainer yaitu membuat sebuah gambar menjadi background yang full satu halaman. Gambar full background akan menciptakan efek elegan pada website, tentunya harus didukung dengan pemilihan gambar yang bagus, jenis dan warna font yang dipakai juga menentukan. Bagaimana cara membuat halaman website full background…

Contoh Desain Website Musik Keren | Inspirasi

Inspirasi cukup sulit dicari, ditemukan, didapatkan. Tapi terkadang inspirasi bisa tiba-tiba datang disaat tertentu, disaat yang kadang tidak kita duga waktunya dan ditempat yang tidak kita duga Inspirasi dalam dunia web, khusus nya dalam membuat website sebenarnya bisa kita dapat dengan melihat contoh-contoh website yang sudah ada, dengan melihat kita jadi memiliki perbandingan mana website…

1 14 15 16