Website Responsive Testing (Tools)

Responsive
Website Responsive Testing. Sebelumnya saya akan menjelaskan tentang Apa itu Responsive??
Responsive menurut saya adalah kata lain dari Flexible artinya dapat menyesuaikan disi secara otomatis sesuai tempat yang dia tempati. 
Kalau pada Website Responsive yaitu menyesuaikan tampilan website atau blog terhadapa gadget yang kita gunakan, misalnya Laptop, Tablet, Smart Phone. Tentu setiap gadget ukuran resolusi layarnya berbeda-beda ada yang 1680x1050, 1024x768, 768x1024, 320x420 dll. Jadi sebuah website/blog akan menyesuaikan dengan ukuran resolusi layar gadget itu sendiri misalnya website dengan ukuran lebar 1024px dibuka menggunakan gadget Iphone atau smartphone beresolusi 420x320 jika website tersebut bersifat responsive maka otomatis lebar website tersebut akan berubah menjadi 420px.
Contoh nyata tampilan responsive:
Coba saja anda buka link http://cognition.happycog.com/ kemudian anda perbesar dengan cara menekan Ctrl+Scroll mouse keatas otomatis huruf-hurufnya terlihat lebih jelas dan besar dan tidak ada scroll kesamping kanan atau kiri.
Screenshot
Screenshot Website responsive
Nah pembahasan kali ini bukan untuk membuat website/blog menjadi responsive tapi saya akan membahas Tool Online bernama "Smart Responsive Tester for Web Designers" dari http://bloggeritems.com untuk menguji apakah website/blog kita responsive atau tidak.
kemudian klik tombol Launch The Tool
Masukkan alamat website/blog anda lalu klik Test
maka muncul tampilan seperti ini: saya tes dengan blog saya
Hasil Responsive
bagian yang paling atas adalah macam-macam resolusi layar silahkaan pilih sendiri, urutan 1 sampai 11.
Itulah cara menguji website responsive. Semoga bermanfaat

Posting Komentar

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

Link aktif akan dimatikan secara otomatis.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Back to Top