Mengkompatiblekan HTML5 dan CSS3 pada Internet Explorer ataupun Browser Versi Lama


Unique View : 288
Rating : 5 avg / 1 votes
Dibuat tanggal : 14-03-2010, 16:29:34

Jika Anda sebagai web designer ataupun web developer yang selama ini merasa kebingungan untuk membuat tampilan web Anda mirip untuk semua browser web. Modernizr adalah salah satu solusi untuk anda.

Apa itu Modernizr?

Dari deskripsi yang diberikan di webnya, modernizr adalah javascript toolkit yang dapat mendeteksi kemampuan browser dalam me-compile/me-render HTML5 dan CSS3. Jika browser tidak support beberapa fitur standar HTML5 dan CSS3, modernizr akan membantu browser versi lama tersebut agar menampilkan hasil yang diinginkan seperti browser modern yang sudah support HTML5 dan CSS3.

Kenapa Harus Pusing Melihat Kompatibilitas Browser?

Jika Anda ingin membuat web dengan konsep baru HTML5 dan CSS3, Anda sebaiknya melihat ini: usage share of web browser. Dari statiskit yang diberikan, pengguna Internet masih banyak sekali yang menggunakan Internet Explorer sebagai web browsernya. Padahal, Internet Explorer terbaru versi 8 pun belum mensupport fitur-fitur baru HTML5 dan CSS3. Hal ini membuat banyak web designer/web developer mengurungkan niatnya untuk mencoba membuat web baru dengan konsep tersebut.

Pengalaman Penggunaan Modernizr

Saya sedang membuat web yang mengimplementasikan HTML5 dan CSS3. Dengan toolkit modernizr, Internet Explorer 8 dapat menghasilkan tampilan yang mirip dengan Mozilla Firefox dan Google Chrome. Hal yang saya lakukan dengan hanya menambahkan snippet kode javascript mordernizr pada web. Namun tetap untuk versi browser Internet Explorer 7 ke bawah, perlu ada tambahan beberapa styling CSS yang diperlukan.

Jika Anda sedang membuat project web yang lebih kompleks dengan menggunakan manfaat  fitur baru HTML5 seperti HTML5 canvas, HTML5 audio, dsb. Silahkan melihat dokumentasi modernizr. 





Komentar

Nama :
email :
Smiles
Gravatar

obiesan

14-03-2010, 16:48:12

Nice info bos, emang itu salah satu syarat bagi para web developer terutama web desainer, webny mesti bisa di buka di semua browseer he3. sy rate ah
Gravatar

bakazero

14-03-2010, 16:53:12

wah makasih ya ^_^
Gravatar

mashengky

14-03-2010, 22:39:02

keren banget mas... walopun saya bukan web developer, tapi perlu ngerti juga supaya bisa ngawasin yg tukang bikin website hehehe