Saturday, March 22, 2014

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

Comments

One Comment

RSS
  1. Kalau mau mendapatkan screenshoot bisa menggunakan link ini
    http://ami.responsivedesign.is/?url=http://jhnworld.blogspot.com

    ReplyDelete

Popular Posts


Copyright © 2014 GweOne. Designed by Templateism
Logo by Cool Text: Free Logos and Buttons
DMCA.com Protection Status

Iklan

Find Us on Google+

Followers