Artikel

Home > Artikel
 

 

Prefix Web Browser


Diposting : 2015-01-28 oleh : WebHozz

CSS_prefix

Halo teman-teman WebHozz, kali ini kita akan mencoba mencari tahu apa itu prefix pada browser? Tentunya teman-teman pernah mengalami saat membuat atau mendesain website, ketika kita ingin menjalankan efek-efek tertentu seperti transform, translated atau yang lainnya tetapi tidak bisa berjalan di semua browser atau mengalami inkompabilitas. Nah biasanya pada CSS kita berikan prefix, nah apa itu prefix?

Dengan memberikan prefix pada sourcecode css yang kita buat, tentunya efek yang kita berikan akan berjalan disemua browser.

Prefix itu sendiri merupakan kode tertentu yang biasanya digunakan di depan sourcecode atau sintaks yang ingin kita jalankan. Tentunya yang kita bahas kali ini prefix pada browser, ketika kita ingin membuat efek dapat berjalan pada semua browser, kita menambahkan prefix atau beberapa skrip karena setiap browser berbeda-beda. Agar kompatibilitasnya terjaga. Sebagai contoh browser (Safari dan Chrome) memiliki prefix -webkit-, Firefox memiliki prefix -moz-, dan Opera dengan prefix -o-, nah disini bisa kita lihat setiap vendor memiliki standar sendiri.


Sebagai contoh, silahkan teman-teman WebHozz buat file html seperti dibawah ini:


Untuk CSS, silahkan buat seperti ini:


Kita tidak mungkin membuat pengunjung website yang kita buat, agar menggunakan web browser tertentu (memaksa), untuk itulah kita bisa menggunakan prefix tadi. Prefix-prefix tadi kita tempatkan pada baris di CSS kita ya teman-teman.

Sumber : http://www.webhozz.com/blog/prefix-web-browser/




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,