
Membuat design responsive pada website artinya adalah membuat sebuah desain web yang bersih, adaptif, dan gambar yang fleksibel. Dan tentunya kita perlu memastikan bahwa website yang dibuat berjalan di berbagai lingkungan web browser semaksimal mungkin dan melakukan test website tersebut di berbagai resolusi.
Melakukan test pada web dengan design responsive bisa jadi merupakan tugas yang cukup berat, tidak mudah untuk setiap kali harus melakukan resize pada ukuran-ukuran yang spesifik. Mengubah lebar ukuran browser dan melakukan test pada berbagai browser dan aplikasi yang berbeda sangat melelahkan dan sangat menyita waktu. Apikasi berikut dapat membantu anda dalam melakukan test design responsive.
Aplikasi Online untuk testing desing responsive
resizeMyBrowser

Hanya untuk Safari, menawarkan fitur lebih mendalam seperti "Offline usage", "Resize multiple tabs at once", "Reference book", "More customizable presets" dan "MoveTo tool". dan juga bekerja dengan sempurna pada browser Firefox dan IE.
resizemybrowser.com
Window Resizer (Chrome App)

Ekstensi ini dapat mengubah ukuran browser untuk melakukan emulasi berbagai resolusi. Ini sangat bermanfaat untuk para web designer dan web developer yang dapat membantu mereka melakukan test layout pada berbagai resolusi browser.
https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh?hl=en-US&hc=search&hcp=ext
responsiView

Terinspirasi dari kebutuhan untuk testing resposive design media query, responsiview memasukkan daftar ukuran sebagai berikut:
Tablets – portrait orientation: 768×1024
Mobiles – portrait orientation: 320×480
Mobiles – landscape orientation: 480×320
Sekali klik akan muncul pop-up window yang berisi website dengan ukuran layar tertentu. Anda juga dapat mengatur ukuran lebar dan tinggi sendiri. https://chrome.google.com/webstore/detail/kcemonjjmilbiepahkhanlkddonpjlep?hl=en-US&hc=search&hcp=ext
Inging memcoba membuat website dengan desing responsive coba disini
Tablets – portrait orientation: 768×1024
Mobiles – portrait orientation: 320×480
Mobiles – landscape orientation: 480×320
Sekali klik akan muncul pop-up window yang berisi website dengan ukuran layar tertentu. Anda juga dapat mengatur ukuran lebar dan tinggi sendiri. https://chrome.google.com/webstore/detail/kcemonjjmilbiepahkhanlkddonpjlep?hl=en-US&hc=search&hcp=ext
Kalau mau mendapatkan screenshoot bisa menggunakan link ini
ReplyDeletehttp://ami.responsivedesign.is/?url=http://jhnworld.blogspot.com