Blog Request tutorial? klik disini!

  • Apa Itu Modernizr

    Ditulis oleh: Arya Febiyan
    2611 kali dibaca
    12 Jul / 2014 13:30

    Modernizr adalah library JavaScript kecil yang mendeteksi ketersediaan HTML5 dan CSS3 untuk teknologi web. Kebanyakan dari fitur ini sudah diimplementasikan pada browser, dan salah satu fungsi utama Modernizr adalah memberitahu Anda apakah browser yang saat ini Anda pakai mendukung tag HTML5 dan CSS3.

    Loh kok seperti itu? Sekarang begini, jika Anda menggunakan tag HTML5 <video>, <aside> dan <articles> maka website Anda tidak akan sempurna terlihat sebagaimana tag-tag tersebut berjalan di browser lain.

    Disinilah fungsi dari Modernizr, yaitu menyempurnakan cacat pada browser yang tidak dapat membaca tag-tag HTML5 dan CSS3 (box-shadow dan border-radius serta lainnya). Modernizr digunakan oleh banyak situs populer zoals Twitter, USMagazine, Good.is, About.com.

    Instalasi Modernizr.

    Silahkan Anda klik link berikut, Anda akan menemukan dua pilihan untuk men-download library ini, pilihan pertama adalah development / pengembangan dan pilihan kedua adalah production / produksi.

    Jika masih tahap development, maka silahkan download library di http://modernizr.com/downloads/modernizr-latest.js.

    Jika sudah Anda download maka panggil library tersebut, misal saya letakkan di folder js :

    Apa Itu Modernizr

    Modernizr membutuhkan class="no-js" untuk menjalankannya, jika javascript pada browser Anda tidak berfungsi atau di non-aktifkan, maka Modernizr tidak bisa bekerja dan fitur-fitur dari website Anda pun tidak bekerja dengan baik.

    Modernizr akan bekerja secara dinamis apa-apa saja fitur atau tag-tag pada website yang tidak support dengan browser yang sedang Anda pakai. Jika di jalankan atau di render maka akan menghasilkan output tag-tag jika tidak mendukung :

    <html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">

    Modernizr akan bekerja untuk ‘mengaktifkan’ tag-tag atau properti css apa saja yang sebelumnya browser tidak support.

    Dukungan Browser.

    Modernizr sudah mendukung untuk browser IE6+, Firefox 3.5+, Opera 9.6+, Safari 2+, Chrome. Untuk mobile Modernizr sudah mendukung iOS's mobile Safari, Android's WebKit browser, Opera Mobile, Firefox Mobile, dan saat ini masih dilakukan pengujian untuk OS Blackberry 6+.






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155