Seiring dengan berkembangnya teknologi saat ini membuat kehidupan manusia menjadi semakin mudah. Banyaknya perangkat canggih yang manusia ciptakan membuat semua serba cepat dan efisien. Dahulu kala kita harus pergi ke warung internet (warnet) hanya untuk sekedar browsing dan chatting, namun dengan membanjirnya perangkat mobile yang dapat terkoneksi melalui jaringan internet di pasaran saat ini semakin memudahkan para pecinta dunia maya untuk membuka media online ini dimana saja dan kapan saja.
Jika anda pemilik website atau developer website yang sedang membuat media online ini maka ada baiknya untuk mempertimbangkan untuk memeriksa tampilan web yang telah dibuat, apakah telah mendukung tampilan dalam perangkat mobile tersebut. Salah satu cara agar website yang kita buat mendukung tampilan mobile adalah dengan mengubah tampilan web dalam bentuk responsive web (kemampuan sebuah website mengubah tampilan secara responsive dalam ukuran browser sesuai ukuran layar media yang digunakan)
Seperti telah kita ketahui bersama bahwa dalam perangkat mobile (handphone, ipad, android, kindle, dkk) memiliki resolusi layar yang jauh lebih kecil dibandingkan dengan yang ditampilkan di dalam layar monitor PC atau laptop, sehingga tampilan yang dihasilkanpun berbeda pula.
Sebagai seorang developer ataupun desainer web saat ini merupakan sebuah kewajiban untuk mengecek apakah tampilan website yang telah dibuat mendukung tampilan dalam perangkat mobile tersebut. Ada beberapa website gratisan yang mampu menampilkan tampilan website dalam bentuk layar monitor untuk perangkat-perangkat mobile tersebut, salah satunya adalah Resposinator.com (http://www.responsinator.com/).
Dalam web tersebut kita dapat melihat tampilan dari website dalam berbagai bentuk tampilan dalam layar perangkat mobile yang kita inginkan mulai dari perangkat iphone, android, hingga ipad dalam bentuk landscape maupun portrait.
Anda cukup menuliskan alamat website dalam kolom isian “enter your site” dan menekan tombol “go”, maka responsinator akan menampilkan tampilan website yang kita inginkan dalam berbagai tampilan mobile mulai dari iPhone 3+4 portrait • width: 320px, iPhone 3+4 landscape • width: 480px, iPhone 5 portrait • width: 320px, iPhone 5 landscape • width: 568px, Crappy Android portrait • width: 240px, Crappy Android landscape • width: 320px, Android (Nexus 4) portrait • width: 384px, Android (Nexus 4) landscape • width: 600px, iPad portrait • width: 768px, iPad landscape • width: 1024px, Kindle portrait • width: 600px, hingga Kindle landscape • width: 1024px.
Cukup mudah bukan? Selamat mendesain…