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. Web Service

    テキストや画像はもちろん!手軽にiPhoneからエバノートにメモできるアプリ「Tap2Ever」を使…

    出先でちょっとしたメモなんかをサクっとエバノートにアップロードできるi…

  2. Web Service

    iPhoneアプリ「Resize Photo」を使って撮った画像を好きなサイズにリサイズする

    iPhoneで撮った画像をリサイズしたい時ってありますよね。Resiz…

  3. Web Service

    最大150枚の画像を一気にリサイズできる「Bulk Resize Photos」

    複数の画像を一気にリサイズすることができる便利なサービス「Bulk R…

  4. Web Service

    CSSで多彩なエフェクトをつけることができるジェネレーター「CSSPainter」

    CSSで多彩なエフェクトをつけることができるジェネレーター「CSSPa…

  5. Flat UI Colors

    Web Service

    フラットデザインに合う配色のカラーコードを取得できる「Flat UI Colors」

    流行のフラットデザインに合う配色を集めたツール「Flat UI Col…

  6. Web Service

    WebサイトのタイトルとURLを簡単に取得できて自分用HTMLリンクも作成できるChrome拡張機能…

    現在見ているWebサイトのタイトルとURLを簡単に取得できたり、自分用…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP