Latest Post

Downy

This is my first project at my new office, Leo Burnett. Sebagai salah satu perusahaan besar yang bergerak di bidang advertise, Leo Burnett adalah tempat yang cukup seru untuk bekerja. Di sini, langsung terasa sesuatu yang berbeda mengenai job desk yang saya kerjakan. Status saya pun berubah dari Front-end Developer merangkap Web designer menjadi Digital Designer. So, mengerjakan semua desain yang bersifat digital. Salah satu contohnya seperti yang saya kerjakan ini. Iklan untuk Downy.

Sebenarnya, untuk kerjaan ini tugas saya adalah merancang story board. Yang kemudian diserahkan ke orang Flash designer. Intinya, memberikan beberapa gambaran dalam beberapa gambar yang merupakan step-step sebuah cerita yang nantinya di animasikan. Materi-mareti dasar untuk desain ini sudah dikerjakan oleh Keep reading..

Indonesian Idol 2012

This is my last project di PT. Okezone Indonesia yang belum sempat aku selesaikan :( Gara-gara kelamaan proses approval nya, keburu aku keluar deh. Padahal udah mempersiapkan diri untuk mengerjakan Indonesia Idol 2012 ini dengan sebaiknya sebagai penutup. Apa bole buat. Akhirnya proyek Indonesian Idol 2012 ini diwariskan ke mister Jali-jali. Selamat yah Jaliiiiii.

Setelah melewati beberapa kali revisi yang cukup alot, ternyata hasil akhir desain Indonesian Idol 2012 ini menurut saya tidak lebih bagus ketimbang versi awalnya yang di buat om Eqih. Desain pertama yang di ajukan lebih bernuansa dark, saya pikir sudah keren banget deh. Tapi desain finalnya malah dominan biru terang.

Yah semoga mister Jali dan kawan-kawan sukses mengerjakan proyek-proyek

Keep reading..

Simple Drop Down Sub Menu with Accordion Efect

Kasus ini saya dapat ketika mengerjakan website Miss Indonesia 2012 yang belum lama di launching dengan desain barunya. Sebenarnya ini menu horizontal sederhana dengan drop down sub menu menggunakan efek accordion. Cukup sederhana, namun saya tidak berhasil menemukan contoh seperti ini, apa boleh buat akhirnya saya mencoba-coba custom.

Pada menu ini, saya mencoba untuk tidak menggunakan images sama sekali. Hanya menggunakan CSS3 dengan LESS, HTML5 dan jQuery untuk Accordion efect nya. Saya sudah sedikit melakukan test di browser Firefox, Chrome, Safari dan Opera, menu ini jalan baik-baik saja.Tapi masi ada kekurangan dari menu yang saya buat ini, tidak jalan di browser Internet Explorer versi berapapun. Ini karena saya menggunakan "display: block"

Keep reading..

Simplify Your CSS3 with LESS

Kira-kira setengah tahun yang lalu sekitar bulan Juni saya sempat membaca dan sedikit mepelajari tentang LESS. LESS merupakan sebuah alat kecil yang menurut saya cukup mengasikkan dan amazing. Dengan menggunakan Less kita bisa membentangkan kemampuan CSS dengan namambahkan variable, mixins, operations and nested rules. Ini berarti anda dapat menulis kode CSS dengna lebih sederhana dan cepat. Bahkan dengan komplekitas yang dimiliki properti CSS3 saat ini, saya akan mencoba memberikan beberapa contoh pengkode-an CSS3 dengan menggunakan Less. Pasti ini akan menarik ;)

Saya akan mencoba menunjukkan sesederhana mungkin implementasi JavaScript LESS to simplify CSS3 markup. Salah satu fitur utama yang dimiliki oleh LESS.js dan sangat saya sukai adalah penggunaan variabel dan mixin. Cara ini sangat sederhana, tapi saya

Keep reading..