CSS3

Mendesain Halaman FAQ Keren Dengan CSS3

FAQ with CSS3

Pada tutorial web design kali ini kita akan mencoba membuat halaman FAQ dengan menggunakan CSS3. Frequently Asked Questions atau disingkat FAQ sering kali kita temui di website, FAQ biasanya berisikan pertanyaan-pertanyaan yang sering diajukan oleh pengunjung sebuah website kepada pemilik website. Dari pada lelah menjawab pertanyaan yang sama secara berulang kali, makanya dibuat satu halaman…

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…

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…

Membatasi Input text dengan Jquery | ala Twitter

Jquery limit input

Beberapa waktu lalu saya diminta untuk membuat sebuah web aplikasi untuk keperluan lomba menulis cerita, cerita tersebut panjang nya hanya boleh 700 karakter. Bagaimana caranya agar data yang tersimpan ke database tidak lebih dari 700 karakter? Bagaimana pula caranya agar user mengetahui sudah berapa banyak karakter yang mereka tulis (bagian dari user experiance) ? Ada…

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 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…

1 3 4 5