Web Service

レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Respondr」をご紹介します。主にiPhone・iPad・Macでの表示を確認することができます。使い方もURLを入れるだけなのでとても簡単です。

[ads_center]

Respondrの使い方

Respondr

Respondr | Responsive Design Test Suite

使い方はURLを入れてGoボタンをクリックするだけです。こんな感じで簡単にチェックすることができます。iPhoneの場合はiPhone4と5の2種類で確認することができます。

iPhoneでの表示確認

iPadでの表示もこの通り。実機に表示されるようなデザインになっているのでとてもリアルに近い感じで確認できるところがいいですね。

iPadでの表示確認

最後にMacでの確認。

Macでの表示確認

確認できるサイズ設定は多くはないですが、とりあえずiPhoneやiPadでの表示をサクッと確認しておきたい時なんかに役立つかと思います。この手のツールは多いに越した事はないので、自分なりに棲み分けして使っていきたいですね。

関連記事

  1. Sticky Notes

    Web Service

    付箋にメモを書いて画面内に複数追加できるChrome拡張機能「Sticky Notes」

    とても便利なChrome拡張機能を見つけたのでご紹介します。画面内にメ…

  2. Colors Palette Generator
  3. Web Service

    iPhoneでコピペを多用する人に便利なクリップボード履歴が分かるアプリ「Clipboard Man…

    個人的にとても便利すぎるアプリがあったのでご紹介します。iPhoneの…

  4. Web Service

    あとで読むiPhoneアプリ「Read It Later」の基本的な設定や簡単な使い方

    あとで読むためのiPhoneアプリ「Read It later」が流行…

  5. Web Service

    画像を右クリックから簡単にサイズやパス、容量などを確認できるChrome拡張機能「Image Pro…

    Web制作をしている時にプレビュー画面から手軽に画像サイズやパス(UR…

  6. Web Service

    画像を指定すれば色の値を教えてくれるジェネレーター「Color Palette Generator」…

    便利そうだったので使ってみました。画像のURLを指定すれば、その画像に…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP