Selamat Datang

Test Responsive Web Design

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

responsinator

Responsivator

Responsivator

Responsivator

http://mattkersley.com/responsive/

http://mattkersley.com/responsive/

http://mattkersley.com/responsive/

Mobile Responsive Design Tester

studiopress

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

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

responsive-design-bookmarklet

Responsivetest.net

responsivetest.net

responsivetest.net

Responsivepx.com

lab.csschopper.com

CSS Chopper

lab.csschopper.com

lab.csschopper.com

Responsive.is

Responsive.is

Responsive.is

Tools

Selain website ada juga tools yang bisa digunakan.

Developer Tools (Mozilla Addon)

Web Developer Tools

Web Developer Tools

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





Penulis :

I'm just simple person, web developer part time, web design holic, website researcher. Work in the world of websites & coding for eat : View all posts by Abuser

Comments

6 thoughts on “Test Responsive Web Design

  1. saya sering menggunakan punyanya mattkersley. lebih familiar di google sih :D

  2. Topa Dista says:

    Wah mantap nieh… nice info :v

  3. […] 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 […]

  4. […] 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. […]

Leave a Comment

XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Klik Tombol Like / Suka ya kawan..

Klik tombol "Like" atau "Suka" untuk mendapatkan update tutorial, tips & tricks serta info terbaru seputar dunia web design & development