Membuat Blog Jadi Valid CSS3 – Sebut saja artikel ini adalah lanjutan dari artikel tentang Membuat Blog Jadi Valid HTML5. Setelah anda melakukan validasi HTML5, tidak lengkap rasanya jika tidak memvalidasi blog dengan CSS3. Kedua hal tersebut baik HTML5 dan CSS3 seharusnya dikolaborasikan untuk menjadikan tampilan blog agar ramah terhadap browser yang digunakan.
Meskipun Validasi CSS3 bukan segalanya, baik yang berkaitan dengan SEO dan tampilan blog (bukan segalanya tidak berarti bukan apa-apa dan tidak berpengaruh), setidaknya telah memberikan efek yang signifikan terhadap Blog Bung Frangki.
Sama halnya dengan blog Bang Adhy Kompi Ajaib, Blog Bung Frangki juga loading blog terasa lebih ringan dari sebelumnya (sebelum validasi HTML5 dan CSS3).
1. Dalam membuat border radius, cukup menuliskan kode border-radius:4px saja.
2. Hindari penggunaan kode height:auto
3. Hindari penggunaan kode dengan ukuran 0px, jika ingin menggunakan angka nol, cukup tulis 0 saja tanpa diikuti px dibelakangnya, contoh width:0 atau margin:0
4. Hindari penggunaan kode padding:none, sebagai gantinya cukup dengan kode padding:0
5. Kode opacity, cukup hanya dengan menuliskan dengan kode opacity:.07
6. Kode efek transisi, cukup hanya dengan menuliskan dengan kode transition:all 400ms ease-in-out
7. Menghindari penulisan dan pembuatan kotak dengan background dan border dengan warna yang sama
8. Masih banyak yang lain, dan mudah-mudahan nanti akan berkembang di kolom komentar.
Demikian artikel tentang Membuat Blog Jadi Valid CSS3, semoga saja anda tidak melewatkan artikel tentang Membuat Blog Jadi Valid HTML5.
Source : http://www.kompiajaib.com/2013/05/cara-melakukan-validasi-css3.html
Meskipun Validasi CSS3 bukan segalanya, baik yang berkaitan dengan SEO dan tampilan blog (bukan segalanya tidak berarti bukan apa-apa dan tidak berpengaruh), setidaknya telah memberikan efek yang signifikan terhadap Blog Bung Frangki.
Sama halnya dengan blog Bang Adhy Kompi Ajaib, Blog Bung Frangki juga loading blog terasa lebih ringan dari sebelumnya (sebelum validasi HTML5 dan CSS3).
Cek Validasi CSS3 https://jigsaw.w3.org/css-validator/
2. Hindari penggunaan kode height:auto
3. Hindari penggunaan kode dengan ukuran 0px, jika ingin menggunakan angka nol, cukup tulis 0 saja tanpa diikuti px dibelakangnya, contoh width:0 atau margin:0
4. Hindari penggunaan kode padding:none, sebagai gantinya cukup dengan kode padding:0
5. Kode opacity, cukup hanya dengan menuliskan dengan kode opacity:.07
6. Kode efek transisi, cukup hanya dengan menuliskan dengan kode transition:all 400ms ease-in-out
7. Menghindari penulisan dan pembuatan kotak dengan background dan border dengan warna yang sama
8. Masih banyak yang lain, dan mudah-mudahan nanti akan berkembang di kolom komentar.
Demikian artikel tentang Membuat Blog Jadi Valid CSS3, semoga saja anda tidak melewatkan artikel tentang Membuat Blog Jadi Valid HTML5.
Source : http://www.kompiajaib.com/2013/05/cara-melakukan-validasi-css3.html
Share this
Posting Komentar
Image
.pre
,code
, atauquote
.Salin Kode!
lalu paste ke kolom komentar.image quote pre code