Untuk melakukan pengetesan terhadap website kita, apakah sudah responsive atau belum ada berbagai macam cara, pada artikel ini kita akan mencoba membahas website-website dan tools yang bisa kita gunakan untuk melakukan pengetesan apakah website kita sudah responsive (tampil menyesuikan lebar device) atau belum.
Buat anda yang belum mengetahui apasih yang dimaksud dengan responsive web design, mungkin anda bisa mencarinya di google, namun artikel dari Ethan Marcotte adalah acuan utama jika ingin mempelajari responsive web.
Oke kita tampilkan saja beberapa website yang bisa digunakan untuk melakukan pengetesan apakah website kita sudah responsive atau belum.
Website
Kita mulai dengan list website yang bisa digunakan untuk melakukan pengetesan apakah website kamu sudah responsive atau belum.
Responsinator
responsinator
Responsivator
Responsivator
http://mattkersley.com/responsive/
http://mattkersley.com/responsive/
Mobile Responsive Design Tester
studiopress
screenqueri.us
Sepertinya untuk website, ini mungkin yang paling asik menurut tutorial-webdesign.com, karena memungkinkan kita melakukan resize dan terdapat grid yang menjelaskan berapa lebarnya, selain itu disediakan juga ukuran device-device standar yang biasa digunakan.
screenqueri.us
responsive-design-bookmarklet
Ini juga termasuk asik, karena kita tinggal melakukan Drag tombol yang ada di website itu ke Bookmark Bar yang ada di browser, maka, ketika kita ingin mengetes, tidak perlu mengetik lagi, tinggal buka web kita dan klik link bookmark yang terbentuk tadi.
responsive-design-bookmarklet
Responsivetest.net
responsivetest.net
Responsivepx.com
CSS Chopper
lab.csschopper.com
Responsive.is
Responsive.is
Tools
Selain website ada juga tools yang bisa digunakan.
Developer Tools (Mozilla Addon)
Web Developer Tools
- Opera Mini Simulator
- Resizer (Google Chrome Extensions)
- Adobe Edge Inspect (dulu adobe shadow)
- Microsoft WebMatrix
- Responsiview (Google Chrome Extensions)
Sekian
Masih banyak lagi tools yang bisa digunakan, tapi tidak sempat semua dihabas pada artikel ini.
Tinggal pilih mana yang anda suka, untuk melakukan pengetesan website anda.
Jadi mulai sekarang kalau lupa ngeceknya dimana, buka list dari tutorial-webdesign.com ini :)
Salam web design Indonesia
saya sering menggunakan punyanya mattkersley. lebih familiar di google sih :D
:) iya, lebih enak kalau make tools nya, yang berupa addon atau extension browser, jadi tidak perlu browsing2 :)
Wah mantap nieh… nice info :v
[…] Cara Test Responsive Web Design […]
[…] tajam, clean serta memiliki kontras yang baik. Serta jangan lupa untuk menguji situs anda di beberapa browser yang berbeda serta di beberapa perangkat berbeda juga untuk memastikan website anda terlihat baik […]
[…] Beberapa contoh web responsive adalah The Boston Globe, The Next Web dan Okezone. Jika Anda ingin mengecek apakah sebuah web itu sudah responsive atau belum bisa menggunakan alat-alat tes responsive web. […]