it’s CSS naked day 2008
Archive for the 'css' Category
Salah satu kelemahan menggunakan div adalah menyamakan tinggi beberapa div untuk kolom serta membuat div tersebut expandable mengikuti tinggi window. Liat screenshot berikut:
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:
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!
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
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.
To know more about why styles are disabled on this website on 5th april.visit the
Annual CSS Naked Day website for more information.
Recent Comments