Tapi dengan sedikit hack atau 
There are no comments up to now.
Bantuan Pencarian :
Home 
Artikel Web Programming CSS Langkah-Langkah Pengetesan Sebuah Desain CSS
Artikel Web Programming CSS Langkah-Langkah Pengetesan Sebuah Desain CSS | Langkah-Langkah Pengetesan Sebuah Desain CSS |
|
|
|
| Ditulis Oleh Max | |
| Sunday, 02 November 2008 | |
|
“Kok desain gue jadi ngaco di Mozilla/Firefox? Di IE bagus kok”. Well, ini jawaban gue untuk pertanyaan paling basi di dunia web desain itu. Gini lho, IE 5 dan 6 punya banyak banget bug, jadi kalo platform development utama kamu adalah IE, dari awal kamu udah berpatokan pada hal yang salah. Jadi kali ini gue mau nunjukin langkah-langkah yang lebih menjamin kompatibilitas antar browser. Gunakan Doctype Yang SesuaiDoctype 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: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Mulai Dari Yang Mendukung CSS Lebih BaikBiarpun 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:
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 MobileIni 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 Aksesibilitastanpa 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 Catatan TambahanNgga ada Linux? PC dual-boot bukan hal aneh jaman sekarang. sebuah CD Ubuntu Linux misalnya, gampang didapet dan di-install, jadi jangan cari-cari alesan deh. Kalo testing di Mac? ngga punya MacBook? ndeso! tapi ada sih layanan gratis di BrowsrCamp.com untuk mengambil skrinsyut desain kamu jika dilihat melalui Safari. Terakhir kalo kamu masih perlu hasil tes tambahan dan punya sedikit dana ekstra ada BrowserCam yang bisa membantu kamu mengetes di berbagai platform sekaligus. Ada free trial 24 jam juga lho »
No Comments » Post Comment
|
|
| Pemutakhiran Terakhir ( Tuesday, 04 November 2008 ) |
| Berikutnya > |
|---|
