Category "LESS"

Simple Drop Down Sub Menu with Accordion Efect

Posted by jejak on Dec 23, 2011 in Web Designs , Portfolio , LESS , HTML , CSS | 5 comments

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

Keep reading..

Simplify Your CSS3 with LESS

Posted by jejak on Dec 20, 2011 in LESS , Frontend Developer , CSS | 10 comments

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

Keep reading..