catch

レスポンシブWebデザインのテストに使えるツール

レスポンシブWebデザインの表示確認に便利なテストツールをまとめました。※随時更新中です

Webサービス

Screenqueri.es

screenqueri.es

ブラウザ上で各デバイスのシミュレーションができる。

Responsive Web Design Test Tool

desingmodo

ブラウザ上で各デバイスのシミュレーションができる。

responsivepx

responsivepx

ブラウザ上でサイズを変更して表示確認ができる。

ish.

ish.

ブラウザ上で各サイズの表示を確認できる。

Responsive Tools For Web Designer & Developers

Responsive Tools For Web Designer

各デバイスの表示が確認できる。操作も可能。

Responsive Roulette

Responsive Roulette

ブラウザ上で各サイズの表示を確認できる。

The Responsinator

Responsinator

各デバイスの表示が確認できる。

Juice’r

Juice'r

各デバイスの表示が確認できる。操作も可能。

Screenfly

Screenfly

各デバイスの表示が確認できる。操作も可能。

Responsive Design Testing

Responsive Design Testing

各サイズの表示を一覧で確認できる。

deviceponsive

deviceponsive

各デバイスの表示が確認できる。

ResponsiveTest

ResponsiveTest

各デバイスの表示が確認できる。

resizeMyBrowser

resizeMyBrowser

選択したサイズの別ウインドを開く

BookMrklet

Viewport Resizer

viewport resizer

Responsive Design Bookmarklet

Responsive Design Bookmarklet

Responsive Design bookmarklet | BenjaminKeen.com

Responsive Design bookmarklet

Chrome拡張

Responsive Inspector

Responsive Inspector

Resolution Test

Resolution Test

Aplication

Adobe Edge Inspect

Adobe Edge Inspect

Ghostlab

Ghostlab

Simulator/Emulator

Xcode 4

Xcode

Android SDK

Android SDK

その他

Am I Responsive?

Am I Responsive?

各デバイスでサイトを表示した時のキャプチャが取れる。

Add Comment

本文

  1. […] RT : レスポンシブWebデザインのテストに使えるツール │ Design Spice http://t.co/8QY4qpefJl http://design-spice.com/2013/05/19/rwd-test-tools/ […]

  2. […] レスポンシブWebデザインのテストに使えるツール │ Design Spice […]

PAGE TOP