Home > Menengah > Web Desain > Tutorial CSS > Web Design Tips: Menggunakan CSS Reset

.

2 Komentar Untuk Artikel Ini BYAdmin Ilmuwebsite

Pada tutorial css kali ini saya akan membahas Tips Desain Web. Sudah menjadi pengetahuan yang umum jika masing-masing browser Internet memiliki style bawaan tersendiri, sebagai contohnya margin default atau padding default pada Internet Explorer itu memiliki nilai ?yang berbeda dengan Mozilla Firefox ataupun Chrome, contoh yang lain, unordered list default milik Internet Explorer memiliki style berbeda dengan style pada firefox. Sehingga seorang web designer seringkali direpotkan oleh hal ini, biasanya seorang web designer menggunakan javascript untuk mendeteksi user menggunakan browser apa, kemudian jika user menggunakan browser internet maka?javascript mencocokkan stylenya dengan file berisi style khusus untuk internet explorer, begitu juga dengan mozilla firefox dan browser lain, file stylenya juga berbeda.

Benar-benar merepotkan karena kita harus membuat style yang berbeda untuk browser yang berbeda. Tapi hasilnya sangat baik.

Penulis sendiri awalnya memang seperti itu, memang merepotkan. Tapi belakangan penggunaan CSS Reseter semakin populer digunakan, karena fungsinya sama baiknya dengan menggunakan file file yang berisi style yang berbeda menyesuaikan dengan browsernya. Dalam teknik pencocokan style, ketika user menggunakan internet explorer maka style yang digunakan pun biasanya dinamakan dengan ie.css, jika user menggunakan firefox maka style yang digunakan biasanya dinamakan dengan default.css, dan lain-lain sebagainya, dalam teknik css reset, kita cukup menggunakan satu buah file css saja, ?namun di tambahkan dengan barisan kode yang dapat mereset kondisi css, sehingga browser tidak memiliki nilai default dari style-style yang ada. Alias 0 (null).

Berikut adalah css reset yang biasa saya gunakan :

Sebenarnya ada beberapa teknik reset yang digunakan, tapi penulis sendiri cenderung menggunakan css reset yang di atas. Anda tidak lagi direpotkan oleh perbedaan tampilan layout antara Internet Explorer dengan Mozilla Firefox atau yang lainnya. Sehingga hasilnya nanti tampilan css di firefox juga mirip dengan tampilan menggunakan browser internet yang lain. ? Selamat Mencoba.

Terbatas. Paket Lengkap Mahir Web Development Bangun 5 (jenis) Project Website + Mahir Membuat Aplikasi Android. Hanya Rp 195.000 (Total 4 DVD, 16GB). Info lengkap klik disini

Video Tutorial Paket Lengkap Mahir Web Dev dan Mahir Membuat Aplikasi Android ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development + pembuatan aplikasi Android yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer + mobile app developer professional. (Disertai pembelajaran dasar HTML CSS, AngularJS, Cordova, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0838 1157 5876, atau bisa pesan secara online di sini)



eXTReMe Tracker