Idealnya untuk melihat situs yang kita buat (atau melihat situs-situs karya orang lain) yang sudah support Responsive Web Design (RWD) adalah dengan menggunakan Gadget bersangkutan. Misalnya jika kita ingin melihat perubahan dan perbedaan tampilan situs RWD, kita harusnya menggunakan Laptop, Netbook, Tablet PC, IPad, Galaxy Tab, IPhone atau Smartphone dll sehingga hasilnya sesuai dengan yang kita inginkan.
Ternyata eh.. ternyata.. ada cara yang gampang kalau tidak boleh dibilang konyol untuk menguji situs kita apakah sudah benar disain RWDnya hanya dengan menggunakan
Browser yang kita gunakan dari laptop atau PC kita. Ya benar sekali... bagi yang sudah tahu konsep RWD, tampilan situs RWD sebenarnya hanyalah responsif tidaknya layout dan isi konten situs kita terhadap perbedaan
lebar layar display dari
device atau
gadget yang kita gunakan untuk mengaksesnya. Jika sudah tahu filosofi ini cara terkonyol menguji situs RWD adalah dengan
mengubah lebar jendela browser yang sedang kita gunakan...! Gampang bukan...
Screenshot ini saya bandingkan dari situs yang
Non RWD (
http://abs.com) dengan situs yang sudah
RWD (
http://eyescreamdesign.com/ ) dan diakses dengan menggunakan browser Opera 11.60, berikut perbandingannya.
- Tampilan Non RWD pada resolusi 640-1024 piksel:
- Tampilan RWD pada resolusi 640-1024 piksel:
- Tampilan Non RWD pada resolusi 320-640 piksel:
- Tampilan RWD pada resolusi 320-640 piksel:
- Tampilan Non RWD pada resolusi <320 piksel:
- Tampilan RWD pada resolusi <320 piksel:
Ada yang punya cara yang lebih konyol...?
Ehm...??? Kalau yang lebih mahal si ada ... (heheheh maksudnya beli gadget Ipad, Tablet PC, Smartphone semuanya).
EmoticonEmoticon