Cara Melakukan Validasi CSS3

Seperti halnya validasi HTML5, untuk urusan instruksi CSS juga perlu dilakukan validasi untuk CSS3 biar nantinya tampilan blog ramah terhadap aneka macam browser yang digunakan untuk mengakses blog. 

Selain itu, setelah saya berhasil melaksanakan validasi CSS3 untuk Kompi Ajaib, efek yang pertama saya rasakan yakni loading blog menjadi lebih ringan. Karena ternyata dengan mem-valid-kan instruksi CSS dengan CSS3, size blog menjadi lebih ciut hehhehe...

Seperti halnya juga validasi HTML5, ternyata ada satu hal yang saya anggap cukup penting yaitu menyembunyikan CSS Reset Stylesheet Blogger yang disebut sebagai "Kode Siluman" oleh Maskolis. Karena ternyata cukup banyak error yang disebabkan oleh CSS Reset Stylesheet Blogger ini. Berbeda dengan validasi HTML5 yang hanya menjadikan 2 buah error saja, pada validasi CSS3 ini CSS Reset Stylesheet Blogger menjadikan puluhan error. Setelah saya cek pada beberapa blog saya yang belum valid HTML5 100% karena CSS Reset Stylesheet Blogger ini belum saya sembunyikan, terdapat sekitar 50 buah error yang disebabkan oleh CSS Reset Stylesheet Blogger.

Untuk itu bagi yang ingin mencoba validasi CSS3 untuk blognya, Anda harus menyembunyikan CSS Reset Stylesheet Blogger ini. Bisa Anda baca postingan saya yang lain untuk cara menyembunyikan CSS Reset Stylesheet Blogger ini DI SINI. Karena dengan begitu Anda telah menyingkirkan puluhan error yang disebabkan oleh CSS Reset Stylesheet Blogger.

Setelah itu silahkan coba lagi cek validasi CSS3 di http://jigsaw.w3.org/css-validator/. Jika Anda menyembunyikan CSS Reset Stylesheet Blogger dengan benar, dikala Anda validasi CSS3 maka yang akan tampilan yakni error dan warning yang benar-benar disebabkan oleh kesalahan penulisan instruksi CSS yang telah kita lakukan. 

Untuk melaksanakan validasi CSS3 ini harus lebih hati-hati dan lebih teliti karena ini menyangkut penyusunan tampilan blog, sehingga kalau tidak teliti dan hati-hati mampu jadi tampilan blognya malah ancur. Cara mengatasinya bergotong-royong cukup mudah karena kita diberi panduan instruksi CSS mana saja yang bermasalah dan disebutkan pula kesalahan apa saja yang menjadikan error.

Pada validasi CSS3 akan tampak 3 kolom yang berisi instruksi CSS yang error. Anda tinggal mencari instruksi CSS yang ada errornya pada kolom kedua dan cari pada edit HTML blog Anda, lalu perbaiki elemen instruksi CSS yang error tersebut yang disebutkan pada validasi CSS3.

Karena instruksi CSS penyusun tiap-tiap blog berbeda-beda, maka di sini saya tidak mampu menyebutkan instruksi apa saja yang menyebabkab error. Namun biasanya kebanyakan yang menjadikan error yang telah saya alami yakni diantaranya seperti:

1. Kode pembentuk sudut tumpul. Sebagai teladan biasanya instruksi menyerupai ini -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px maka Anda hanya perlu menuliskan border-radius:3px saja.
2. Hindari penggunaan instruksi padding:none, cukup tulis saja padding:0
3. Kode background transparant, biasanya menyerupai ini opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7, maka kita hanya perlu menuliskan
   opacity:.7 saja.
4. Kode efek transisi, misalnya menyerupai ini transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out, maka kita hanya perlu menulis
   transition:all 400ms ease-in-out saja.
5. Hindari penulisan atau pembuatan kotak dengan warna background dan border yang sama.
6. Dan masih banyak lagi error lainnya tergantung dari instruksi CSS pembentuk template masing-masing blog.

Demikian saja postingan cara melaksanakan validasi CSS3 ini semoga dapat dimengerti dan memiliki kegunaan bagi Anda.

Bagi Anda yang ingin berkomentar di luar topik pembahasan mohon berkomentar di halaman Out Of Topic yang telah saya sediakan.