RSS

STOP semua IE Hacks di situs anda!!

30 Agu

Kita semua kadang-kadang suka benci dengan IE6. Dari berbagai sumber dan forum-forum diskusi web design mengatakan bahwa 80% waktu yang terbuang adalah melakukan CSS debugging untuk IE, bahkan karena pengguna IE6 yang harus kita akui lebih banyak, kita terpaksa mengorbankan CSS kita dengan hanya tampil baik untuk IE6.

Engine CSS di IE6 begitu kuno dan mengerikan, kebanyakan user internet tidak menyadari itu. Kenapa? Karena kita berusaha keras membuat patch (tambalan) untuk IE yang dikenal dengan IE Hacks.

Sudah saatnya sekarang kita berbuat sesuatu…..
IE Hacks yang biasa dilakukan:
1. CSS Conditional Comments (CC)

Dalam berusaha untuk menjalankan situs kita dengan mulus untuk berbagai versi IE, CSS CC digunakan untuk memperbaikinya. CC hanya bekerja pada IE dan dapat dipakai untuk memberikan instruksi khusus hanya untuk IE.

Contoh CC :

<!–[if IE 6]>
Instruksi khusus untuk IE disini
<![endif]–>

Struktur dasarnya sama dengan komentar pada HTML (<!– –>), sehingga browser yang lain akan melihat ini hanya sebagai komentar biasa.

IE sudah diprogram untuk mengenali syntax <!–[if IE]>, mem-parsing kondisi pencabangan yang ada di dalamnya.

Sejak CC menggunakan struktur HTML, syntax tersebut hanya dapat dipakai di file HTML, bukan CSS. Tapi kita dapat juga memasukan tag <link> kedalam CC untuk extra style sheet. Lebih detailnya dapat dilihat disini

2. PNG Hack

Begitu kunonya IE6 sehingga tidak men-support PNG Alpha Transperancy. Sehingga kita harus menggunakan metode seperti ini :

AlphaImageLoader, yaitu filter yang mengambil image dengan alpha channel, kemudian menampilkannya. Kita juga harus men-set property-nya untuk ukuran image.

Contoh :
<img src=”blank.gif” style=”width: 100px; height: 100px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
(src=’image.png’, sizingMethod=’scale’)” />

Untuk penjelasan lebih detail tentang penggunaan AlphaImageLoader lihat situs ini.

Mengapa kita harus membuang IE Hacks?

Yah, memang sulit karena menurut w3schools.com, 37% dari user Internet masih menggunakan IE6. Tapi bersama-sama kita harus membuat perbedaan, stop penggunaan IE Hacks, biarkan pengunjung melihat keburukan situs kita jika dilihat dengan IE6, pada akhirnya mereka akan tahu browser mana yang terbaik.

Kalau anda setuju dengan saya dan banyak web designer lainnya, pasang atau buat logo anda sendiri untuk program ini. Salam Joomla Indonesia.

 
Tinggalkan komentar

Ditulis oleh pada 30 Agustus 2007 in Web

 

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

 
%d blogger menyukai ini: