CSS atau table?

image

Kira-kira 10 atau 15 tahun yang lalu, menggunakan tabel (tag table) di dalam sebuah website adalah teknik populer yang digunakan hampir semua designer. Namun semuanya berubah ketika bangsa api menyerang. Setelah itu kemudian CSS (Cascading Style Sheet) datang memberi designer sebuah metode yang super fleksibel dalam mendisain sebuah halaman web. CSS memberikan designer kemudahan dalam melakukan pemeliharaan website.

Melalui CSS, informasi design (layout, typography, color) terpisah dengan HTML sehingga memungkinkan tampilan yang konsisten di seluruh halaman website. Selain itu file CSS yang diletakkan secara eksternal melalui link rel= akan di cache (disimpan) oleh browser sehingga akan menghemat bandwidth website tersebut. Kita semua tahu kalau web hosting di Indonesia pada pelit bandwidth.

Tapi kenapa dengan segala daya tarik dan keunggulan CSS, masih banyak web designer yang masih menggunakan table? Sebetulnya jawabannya banyak dan it’s complicated, seperti status anda dan mantan pacar anda. Melalui pengamatan subyektif namun tetap berusaha seimbang coba kita teliti penyebabnya.

Asal mula menggunakan Table

Sebelum table memiliki tag border=0, disain web sangat membosankan. Isinya cuma tulisan-tulisan dengan layout sederhana. Kemudian muncullah border=0 di table yang artinya menghilangkan garis table. Mendisain layout web yang kompleks menjadi mudah. Membuat sidebar? No problem. Header atau navigasi? Gampang. Footer yang keren? Ah apalagi itu, kecil. Konsep table begitu mudah dipahami oleh pemula sekalipun sehingga penggunaannya sangat populer. Tanpa table, mungkin juga lapangan pekerjaan web designer nggak bakalan ada.

Jadi kenapa table muncul duluan daripada CSS? Sebetulnya itu bisa dilihat dari pertama kali website dibuat. Pada awalnya website cuma untuk bagi-bagi hasil riset antara sesama ilmuwan. Ya tau sendiri lah, ilmuwan nggak terlalu penting sama disain, yang penting results. Hasil penelitian banyak menggunakan table untuk presentasi data.

Zaman dulu siapa yang nyangka kalau sekarang website jadi sumber hiburan utama buat sebagian orang? Dari mulai nonton film yang nggak bener sampe nulis status galau di jejaring sosial kesayangan kita semua. Dengan kebutuhan se-intens itu sangat wajar jika teknologi web berevolusi hingga menelurkan teknologi CSS.

Faktor Kenyamanan

Sebagai web designer, kita sudah tidak terhitung me-layout halaman web menggunakan table. Skill tersebut biasa dimiliki oleh seorang designer dan biasanya kebanyakan disainer sangat nyaman menggunakan table. Dengan menggunakan table, hasil akhir bisa langsung diprediksi atau dibayangkan di otak kita. Dengan menggunakan sedikit trick, seperti spacer gif, kita bisa menjamin bahwa website kita akan tampil konsisten di hampir semua browser dari browser tua hingga browser terbaru.

Mudah digunakan oleh Pemula

Salah satu faktor dunia web menjadi begitu sukses adalah rendahnya tingkat kesulitan untuk pemula. Atau pendek kata, siapapun bisa mempelajari HTML dengan cepat. HTML adalah bahasa yang sederhana untuk dipelajari dan tidak terlalu ketat dalam penggunaan kodenya. Ditambah lagi, banyak tools dan IDE yang bisa membuat table secara otomatis hanya dengan mengklik icon-icon. Keadaan ini membuat disain website menjadi sangat mudah untuk siapa saja. Bahkan anak kecil juga bisa membuat website menggunakan Frontpage.

Bandingkan design berbasis table dengan design berbasis CSS. Sebetulnya syntax di CSS sangat mudah digunakan. Kita tidak butuh diploma atau sarjana untuk belajar CSS. Namun begitu, beberapa konsep di CSS sangat sulit ditangkap. Dampai saat ini pun untuk floating dan positioning saya masih meraba-raba dan melakukan trial and error. Kira-kira untuk memahami CSS secara mendalam dan kompeten butuh waktu 6 hingga 12 bulan. But then again I could be wrong.

Kemudian masalah selanjutnya adalah browser support. Setelah beberapa lama menggunakan CSS, kita jadi tahu browser mana yang bisa apa, dan bug apa saja yang ada di browser anu. Tapi yang nyebelinnya, bugnya banyak banget, terutama di Internet Explorer lama. Dulu saya seharian pernah membuat stylesheet khusus untuk IE6 (damn you IE6). Bagi pemula, bug di browser ini benar-benar bikin stress. Jadi bagi sebagian orang CSS bukan solusi melainkan masalah baru.

Tapi secara unik, keahlian menggunakan teknik-teknik CSS menjadi populer diantara para web professionals. Ketrampilan ini yang membedakan antara profesional dengan para amatir yang biasanya asal tempel website menggunakan wizard atau visual editor asal tampilan bener. Tapi kalo dipikir lagi, kecuali kita seorang designer atau programmer web, jarang-jarang orang view source sebuah website hanya karena curious cara bikinnya gimana.

Beberapa hal lebih mudah menggunakan table

Pasti para disainer di luar sana pernah menulis super rumit kode CSS untuk melakukan sesuatu yang jika digunakan dengan table sangat sangat mudah. Contoh soal, mendisain form. Mendisain layout form dengan table sangat mudah, layout jauh lebih rapi dan yang jelas cepat. Mungkin kita bisa juga menggunakan CSS, tapi setelah floating kiri floating kanan padding kiri padding kanan margin atas margin bawah, form nggak jadi-jadi juga. Jika anda menyukai tantangan dan ahli, CSS mungkin menyenangkan, tapi jika anda cuma orang biasa yang dikejar target oleh pak boss, lebih baik kembali menggunakan table.

Jika anda paham dan penuh kesabaran, anda akan bisa melakukan hal-hal menggunakan CSS sebagai pengganti table. Lebih lama lah pastinya, tapi pasti bisa. Begitu terbiasa menggunakan CSS, table dan spacer gif hanyalah cerita lama yang cuma bisa dikenang.

2 thoughts on “CSS atau table?

  1. Ping balik: Redesign Halaman Login Sisfo STMIK Nusa Mandiri | Anggit Yuwono

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s