Pada saat ini website bukan lagi hanya diakses melalui komputer saja, namun juga diakses melalui berbagai perangkat seperti smartphone dan tablet. Tentu saja design web responsive mutlak diperlukan, supaya website tersebut akan tampil dengan baik di berbagai perangkat dengan resolusi yang berbeda.
Jika Anda ingin mengetahui apakah design web Anda responsive atau tidak, Anda tidak perlu mencobanya di berbagai perangkat tersebut. Pada saat ini sudah banyak tersedia alat bantu online yang dapat menampilkan preview website anda di berbagai resolusi yang berbeda. Berikut beberapa diantaranya:
http://mattkersley.com/responsive/
Responsive design test yang ada di website mattkersley.com ini cukup menarik, hanya dengan sekali memasukkan URL, Anda langsung dapat melihat berbagai preview tampilan mulai dari small phone hingga ukuran iPad.
http://mattkersley.com/responsive/
http://responsivedesigntest.net
Responsivedesigntest.net
http://responsive.is
Responsive.is tidak memberikan tampilan langsung pada satu layar, tapi menyediakan menu ke berbagai ukuran layar.
http://responsivetest.net
Responsivetest.net, selain memberikan shortcut untuk merubah ukuran layar, juga tersedia frame menarik yang merepresentasikan bentuk perangkat.
http://screenqueri.es
Screenquery.es memiliki menu yang paling lengkap dengan berbagai merek perangkat disertakan didalamnya. Selain itu juga menyediakan grid untuk memudahkan dalam melihat ukuran pixelnya.
http://ami.responsivedesign.is
Tidak seperti lainnya, http://ami.responsivedesign.is memberikan preview responsive design dengan ukuran relative kecil, juga menyertakan tampilan perangkat secara lengkap.
Selain menggunakan berbagai website di atas untuk melihat responsive design, bagi Anda pengguna browser Firefox dapat langsung melihat tampilan web dalam resolusi yang berbeda, tanpa harus merubah ukuran window browser. Yaitu dengan menekan kombinasi tombol Ctrl+Shitf+M di browser Firefox Anda. Selamat mencoba.
Komentar (4)
Arsip Statis