Joomla Indonesia

Login or Sign Up
Sign In or Register
Avatar
Not Registered Yet?

Join Now! It's FREE. Get full access and benefit from this site

Reset My password - Remind Me My username

Username
Password
Remember me
  • Home
    Home This is where you can find all the blog posts throughout the site.
  • Categories
    Categories Displays a list of categories from this blog.
  • Tags
    Tags Displays a list of tags that have been used in the blog.
  • Bloggers
    Bloggers Search for your favorite blogger from this site.
  • Team Blogs
    Team Blogs Find your favorite team blogs here.
  • Login
    Login Login form

STOP semua IE Hacks di situs anda!!

Posted by on in Tip Dan Trik
  • Font size: Larger Smaller
  • Hits: 10875
  • 17 Comments
  • Subscribe to this entry
  • Print

Stop IE6Kita 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 :

{xtypo_code}<!--[if IE 6]>
Instruksi khusus untuk IE disini
<![endif]-->{/xtypo_code}

  1. Struktur dasarnya sama dengan komentar pada HTML (<!-- -->), sehingga browser yang lain akan melihat ini hanya sebagai komentar biasa.
  2. IE sudah diprogram untuk mengenali syntax <!--[if IE]>, mem-parsing kondisi pencabangan yang ada di dalamnya.
  3. 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.

0

People in this conversation

Load Previous Comments
  • Guest - deddy

    http://pangsud-bks.sch.id/forum/trash-ie6.jpg

    0 Like Short URL:
  • Guest - bnandika

    menghilangkan hacks ie jelas suatu kesalahan terbesar dlm membuat situs, krn pengguna ie tidak akn mengunjungi situs kita artinya hit situs kita akan turun, ingat persentase pengguna ie msh banyak.
    justru tantangan kita bagaimana web joomla yg dibuat dpt berjln disemua browser, dgn menghilangkan hacks ie anda telah menyerah terhadap tantangan tsb

    0 Like Short URL:
  • Guest - deddy

    Wah.. jangan membawa-bawa end user yang notabene gak tahu apa2, justru kita sebagai Developer memberi solusi terbaik, robust, bugs free, security yg aman, tampilan terbaik serta teknologi terkini.. dan yang pasti murah (GNU). Btw, thanks atas komentar anda. :)

    0 Like Short URL:
  • Guest - jomlaos

    aku setuju banget idenya tuh...
    biar mampus tuh IE sialan

    0 Like Short URL:
  • Guest - danny

    ko masih demen pake ie, monggo , klo bisa ienya diupdate dan dipatch , tapi mendingan pake firefox atau opera yang lebih reliable, banyak pilihan browser, selanjutnya .............. Terserah anda he he :)

    0 Like Short URL:
  • Guest - xrow3x

    web yang saya buat dengan animasi flash dan animasi video lancar di firefox, tapi saat saya coba dengan ie tidak muncul... :cry
    kalo menurut saya ngapain harus pake ie, pake juga paling-paling bajakan.....hehehehe....
    mending pake yang gratis...firefox dah...

    0 Like Short URL:
  • Guest - Zoe Baziets

    Setuju :grin

    0 Like Short URL:
  • Guest - wisnudfx

    pengennya setuju, tapi di indonesia masih banyakan yang pake IE6...
    mending pake opera atau FX aja...... :p

    0 Like Short URL:
  • Guest - myfia

    seandainya gw stop semua IE hack, alamat karir gw tamat :sigh.
    dari 4000-an /hari pengunjung masih ada sekitar 46% yg pake IE6!!!
    sedih sih, tapi ini tantangan.
    seiring berjalannya waktu pengguna IE6 pun akan migrasi.

    0 Like Short URL:
  • Guest - andrinalin

    Satu hal lagi, ternyata firefox tidak gratis bagi pengguna corporate. Gratis hanya bagi personal. Sehingga bagi beberapa corporate masih menggunakan IE. Selain IE, ada OperaMini yang membuat tampilan web kita jadi kacau. Kebetulan saya menulis comment ini dengan OperaMini 4.1.

    0 Like Short URL:

Kategori Blog

Joomla User Group Indonesia

Joomla User Group indonesia

Id-joomla.com adalah situs resmi Joomla User Group (JUG) Indonesia dan Joomla Translation Team

 
Download Terjemahan Joomla terakreditasi dari JoomlaCode dan laporkan bugs, ide dan saran nya di Sub Forum Hanacaraka

Socials

twitter id joomlafb idjoomla