Doctype sebagai layout dari dokumen

December 18, 2007 ithamaniez

Gunakan Doctype Yang Sesuai
Doctype di bagian paling awal kode dokumen (x)HTML pada dasarnya berguna untuk menentukan mode layout dokumen tersebut. Tanpa ini browser akan beralih ke quirks mode, yang secara kasar bisa berarti merender sebuah sebuah dokumen seenaknya dewek.
Untuk hasil konsisten gue sarankan pake Doctype XHTML 1.0 Strict:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
Mulai Dari Yang Mendukung CSS Lebih Baik
Biarpun kamu biasa browsing pake IE tapi waktu mendesain mendingan kamu menggunakan browser yang lebih standards-compliant seperti Firefox atau Opera. Kalo gue sendiri urutannya seperti ini:
1. Firefox (Win XP): Banyak add-on yang membantu banget proses pengembangan web. Ngga ada lawan kalo soal ini.
2. Opera (Win XP): Satu-satunya browser yang lulus acid test. Kalo ada masalah disini kemungkinan ada sesuatu yang salah.
3. Safari (OS X): Perlu diinget kalo koleksi font dan cara rendering teks di sistem berbasis Unix itu beda, tapi secara umum ngga perlu perhatian khusus.
4. Konqueror (Ubuntu): Catetan seputar font juga berlaku disini. Dan sejauh ini juga masih blom ada masalah.
5. Internet Explorer 7 (Win XP): Mulai was-was, biarpun dukungan CSS udah jauh lebih lengkap tapi masih ada aja masalah Tapi dengan sedikit hack atau conditional comment masalah beres.
6. Internet Explorer 6 (Win XP): Tantangan terbesar ada disini. Untungnya bug-bug IE 6 terdokumentasi dengan baik, jadi tinggal Googling sebentar aja. malah kalo udah berpengalaman gejala-gejala bug sebenernya cukup jelas kok.
Harus gue akuin urutannya ngga selalu gitu, kadang gue males ngecek di Linux. Browser laennya? Kalo Netscape dan semua yang berbasis Mozilla gue asumsikan punya kemampuan sama seperti Firefox. Dan IE 5 versi Windows ataupun Mac biasanya ngga gue urusin lagi, toh browser-browser ini juga udah jarang beredar — Kecuali ada permintaan spesifik atau duit ekstra ya
Testing Untuk Perangkat Mobile
Ini era tri-ji bung, ngga ada salahnya untuk bersiap dari sekarang. Opera punya fitur berguna untuk melihat bagaimana tampilan desain kita di layar kecil (Opera Mobile).
Pilih menu View > Small Screen atau tekan Shift + F11
Testing Aksesibilitas
tanpa table, semantik, separasi antara struktur dan presentasi. apa kata-kata itu kedengarannya aneh buat kamu? Coba gunakan browser yang text-only seperti Lynx (Linux) dan lihat apakah kamu bisa meneluri situs kamu sendiri. Sedikit tips, di Firefox coba matiin style, image, dan JavaScript, hasilnya cukup mirip

Entry Filed under: tugas

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to comments via RSS Feed

Pages

Categories

Calendar

December 2007
M T W T F S S
     
 12
3456789
10111213141516
17181920212223
24252627282930
31  

Most Recent Posts

 
%d bloggers like this: