Archive for the 'css' Category

happy naked day! :)

css naked day

it’s CSS naked day 2008 :)

Full height column. CSS & jQuery

Salah satu kelemahan menggunakan div adalah menyamakan tinggi beberapa div untuk kolom serta membuat div tersebut expandable mengikuti tinggi window. Liat screenshot berikut:

tiga kolom sebelum

Secara default tinggi div kolom berbeda-beda mengikuti isi dari div tersebut. Belum lagi jika tinggi dari div kurang dari ukuran window browser sehingga footer tampak seperti melayang diatas. Ada beberapa teknik tertentu untuk membuat tinggi kolom tampak sama antara lain menggunakan cara faux column. Kali ini kita akan membuat agar semua kolom mempunyai tinggi sama dan jika kurang dari tinggi window browser maka secara otomatis akan menyamakan-nya. Yg kita perlukan adalah jQuery, plugin equalizeCols dan sedikit teknik css. Hasil akhir akan seperti ini:

tiga kolom sesudah

Continue reading ‘Full height column. CSS & jQuery’

Buku Google & CSS

Buku Google
buku CSS



Buat yg mau nguprek google, buku Google’s pagerank and beyond sangat pas buat anda ;-). Sedangkan buku satunya mengupas tuntas CSS sebagai solusi web standard, recommended book!

jQuery zebra list

Akhir-akhir ini lagi seneng2nya utak-atik jQuery. Penggunaan yg simpel dan mudah membuat banyak orang yg awam di javascript terutama DOM seperti web designer atau hobbyist seperti saya menyukainya. Contoh berikut memperlihatkan bagaimana membuat zebra list dengan mudah dan cepat menggunakan jQuery, unordered list dan sedikit CSS, contoh script diambil dari tutorial di 15 days of jQuery

Demo jQuery zebra list bisa dilihat disini

Tab menu cantik di Mambo CMS

tau tab menu kan? kalo jaman dulu biasanya kita membuat dengan sebuah image yg dimasukkan kedalam column table untuk memposisikan kemudian ditambah javascript utk fungsi hovernya. Saat ini hal kayak gitu udah gak jaman lagi. Sekarang kita bisa pake css utk membuat tab menu dari list markup yg cantik. Ada satu contoh berbagai macam tab menu cantik bisa diliat disini. Dengan sedikit modifikasi di file core Mambo, website mambo-mu juga bisa memiliki tab menu seperti itu.

Continue reading ‘Tab menu cantik di Mambo CMS’

It’s CSS Naked Day 2007 !

To know more about why styles are disabled on this website on 5th april.visit the

Annual CSS Naked Day
website for more information.




It seems you're using an unsafe, out-of-date browser. Click here to upgrade to Firefox for free. X