Transcending CSS - Siri 5
Dah sampai siri ke-5 pun artikel Transcending CSS kita ni. Prinsip ke-5 ialah elakkan penggunaan CSS hacks dan filters. Sila ambil perhatian, aku cakap elakkan, bukan haramkan..hehe..Sebab apa? Ada kalanya kita TERpaksa gunakan juga hacks untuk memastikan layout laman web kita tu menjadi seperti yang kita harapkan. Tapi ironinya, kadangkala, tak perlu guna hacks pun boleh dapat layout yang kita nak, melainkan layout kita tu terlampau kompleks, dalam kes ni, mungkin tak dapat dielakkan..
Tapi, satu masalah bila kita guna hacks, layout tu jadi tak valid! Tak lulus piawaian W3C. Macam blog ni, tak CSS valid sebab aku pun guna hacks. Tapi ada penyelesaian kepada masalah tu, iaitu dengan menggunakan :
Tantek Celik’s box model hacks - Dibangunkan oleh Tantek Celik, hack ini bertujuan untuk membetulkan width dan height di dalam Internet Explorer. Sila lihat contoh di bawah :
div#content
{
width: 400px;
voice-family: “\”}\”";
voice-family: inherit;
width: 300px;
}
Nota : hacks ini dikira valid mengikut piawaian W3C.
Gunakan conditional comments untuk IE - Seperti namanya, ini cuma khusus untuk Internet Explorer sahaja, dibangunkan oleh Microsoft sendiri. Tapi kita perlu membuat 2 fail CSS untuk laman web, satu untuk browser selain IE, dan satu lagi khusus untuk IE. Dan cara ini juga valid CSS. =)
Nota : Mungkin ramai dah tahu, star html hacks menjadikan CSS kita menjadi invalid. Arghhh!! Aku pun guna hack ni juga, huhu..InfoMalaya versi 4 InsyaAllah aku takkan guna lagi..
p/s: Selepas ini, aku akan cuba mengemaskini entri pada sebelah malam, sebelum ni aku agak sibuk dan letih nak menulis pada sebelah malam..InsyaAllah..
ikram_zidane (#)
July 12th, 2007
the tantek hack you wrote is incomplete (other word: not yet pratical)..
zeldman considered that as not semantic - please check. (i think i’ve read it somewhere)
abdfatah (#)
July 12th, 2007
ooo gitu punya hacks yer? kalo tak guna langsung camana heh?
adesh…. teknikal tul, kena kumpul dan fahamkan betul2 baru best. baca ulangkali dan ulangkaji setiap hari… ngeh3
aman (#)
July 12th, 2007
tgh baca balik dari siri pertama…
mata-it (#)
July 12th, 2007
aku tertarik dengan Gunakan conditional comments untuk IE.
Malas nak baca link tu. Kesimpulannya kita ada dua file css, satu yg biasa dan satu lagi untuk IE sahaja. Yang IE tu kita kena buat dari mula lah..??
Bat (#)
July 13th, 2007
@ikram_zidane: cuma tak semantik, rasanya takda masalah besar sangat..Tapi aku tak pernah guna lagi tantek hack dalam kerja aku..
@abdfatah: kadang2 tak perlu guna, tengok keadaan jugak..
@aman: hehe..sila2, jangan malu2..
@mata-it: ya, ada 2 fail css, err untuk IE tu, tak perlu letak kesemua style, memadaai style yang khas untuk fix IE..Tapi kalau nak buat semua, terpulang.. =)
bihunx (#)
July 13th, 2007
oit..tak tau nak komen pasal css nih.taktau pun apa maksudnya,tapi aku just nak tanya khabar.Tak ku sangka di sini rupanya hang bermain badminton.apa2 hal kontek aku - rashid,A6
Bat (#)
July 13th, 2007
@bihunx: Rashid!!!Wei hang ka tuh?huhuhu…Camna hang leh sampai sini ha? Cam jejak kasih la pulak..hehe..Rindu wei nak main pantun2 ngan hang.. ^__^
bihunx (#)
July 13th, 2007
macam mana aku sampai sini?aku pegi kedai beli allagappas tadi.Tengok ada iklan lak kat blakang tue.Nak berpantun?aku dah lama dah tinggal.tapi kalu nak ajak gi Anakku boleh kut beduet.
Bat (#)
July 13th, 2007
@bihunx: huhu..Tahu kat orang apa dia ‘anakku’ tu, mau ramai2 gelak kat aku..haha..Kasik simpan itu rahsia..
Ni bila masa aku ada iklan blog ni kat rempah kari allababas nih?huhu..
bihunx (#)
July 13th, 2007
takda ker? mungkin aku salah pandang kat ramuan rempah ratus tue.Takpa, tiada sebarang kebocoron pada maklumat Anakku.Sebab aku pun tak penah hang beraksi kat situ.haha
neutronics (#)
July 14th, 2007
lebih kurang macam width dan wid\th ke?
shutterspeaks (#)
July 14th, 2007
dude, aku nak add ko kat pownce, tp email yahoo ko pownce kata xde. wtf.
blog aku pakai opacity. tak valid, tp menjadi. jadi aku x kisah miahahaha.
azwanhadzree (#)
July 15th, 2007
Berapa byk series kau kesemuanya? Nanti bila dah habis jadikan pdf. boleh aku download.
Bat (#)
July 15th, 2007
@neutronics: yang tu valid tak? Aku selalu guna star html sahaja.
@shutterspeaks: aku guna emel lain..Sori2..Aku dah pun add hang.. =)
@AzwanHadzree: Ada 7 siri, PDF? Idea yang baguih dok ada, nanti aku buatkan, InsyaAllah.
neutronics (#)
July 15th, 2007
yg wid\th tu xtau valid ke tidak.. sbb bila buat je layout x betul
tp ade kat e-books xhtml + css yang aku baca.. xhtml dog x silap..
ikram_zidane (#)
July 16th, 2007
pernah guna tak ni ? aku tak pernah guna.. rasanya mesti susah nanti kalau kita ni jenis yg asyik nak ubah2..
abdfatah (#)
July 17th, 2007
lepas nih bleh laa pulak buat ebook citer pasal css. atau buat buku panduan fizikal pasal css. sekadar cadangan laa…
ada rancangan nak buat buku bacaan css tak?
Bat (#)
July 17th, 2007
@neutronics: aku pernah tengok, tapi tak pernah guna..
@ikram_zidane: Aku dah try, http://www.infomalaya.com/x7/ie.css , kita tak perlu nak letakkan semua style dalam tu, cukup letakkan style yg dikhaskan untuk fix flaw dalam IE.
@abdfatah: Err, buku CSS? Aku rasa aku ni tak layak langsung nak buat buku pasal CSS, aku ni novis lagi, sekadar nak berkongsi tu leh la..