Bahasa pemrograman untuk membuat tampilan situs, CSS, semakin populer. Dulu, CSS masih sangat asing bagi para Web Designer, sekarang situs tanpa CSS seperti sayur tanpa garam. Sebelum CSS populer, desain situs masih menggunakan tabel, tapi sekarang tabel semakin jarang digunakan dan mulai digantikan dengan CSS. Karena CSS bisa melakukan apa yang tabel bisa, tapi tabel tidak bisa melakukan apa yang CSS bisa, dan juga CSS lebih efisien daripada tabel. Saya ingin membagikan satu tips mengenai CSS yang bisa membuat CSS makin efisien.
The second one may look prettier but it sure doesn’t help me find anything. When looking for something in a style sheet, the most important thing is the ruleset (that’s the part before the { and } ). I’m looking for an element, an id or a class. Having everything on one line makes scanning the document much quicker as you simply see more on a page. Once I’ve found the ruleset I was looking for, find the property I want is usually straightforward enough as there are rarely that many. – Jonathan Snook, seorang desainer terkenal dari Kanada.
Jadi, dalam melakukan coding CSS, sebaiknya Anda menuliskan dalam satu baris seperti contoh ini:
element {font-size:12px; color:#444; background-color:#fff;}
#id {width:800px; font-family:Tahoma; background-color: #fefefe;}
.class {color:#00F; font-family:"Courier New";}
Dan, sebaiknya jangan coding CSS seperti ini:
element {
font-size:12px;
color:#444;
background-color:#fff;
}
#id {
width:800px;
font-family:Tahoma;
background-color: #fefefe;
}
.class {
color:#00F;
font-family:"Courier New";
}
Boleh saja Anda menuliskan seperti di atas supaya tidak ribet, tapi setelah itu Anda bisa gunakan YUI Compressor untuk membuatnya menjadi hanya satu baris saja.
Dengan begini, file CSS akan semakin kecil dan lebih cepat dibaca dan ditampilkan oleh browser.
Artikel terkait:
{ 3 comments… read them below or add one }
adsenstra/klik dpt brp mas?
uoh bahasa inggris…
kamus… kamus….
*emak kamusnya jangan di jual dulu buat beli beras…*
viva dunia IT Indonesia…
viva komputasi statistik…
Buat para programer PHP bisa juga make Aplikasi Minify untuk menghasilkan string css ato javascript yang istilahnya sudah di-pack (tanpa unnecessary whitespace/comments). Hasil inilah kemudian yang akan dikirimkan ke client.
Penggunaannya sangat mudah
contohnya kita memiliki 2 file javascript:
1. http://example.com/scripts/jquery-1.2.6.js
2. http://example.com/scripts/site.js
dapat ditulis seperti ini:
http://example.com/min/?f=scripts/jquery-1.2.6.js,scripts/site.js
atau
http://example.com/min/?b=scripts&f=jquery-1.2.6.js,site.js
Penjelasan selengkapnya mengenai Aplikasi Minify yang ditulis dalam bahasa PHP ini bisa dibaca di http://code.google.com/p/minify/