STOP semua IE Hacks di situs anda!! |
Tip Dan Trik
Deddy,
Sunday, 12 August 2007 22:33
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.
Last Updated on Wednesday, 10 June 2009 17:19
Tip Dan Trik 
igh.
