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. Box Shadow

    Web Service

    CSSでボックスシャドウを作成してくれるジェネレーター「Box Shadow」

    CSSでボックスシャドウを簡単に作成できるジェネレーター「Box Sh…

  2. Type Zebra

    Web Service

    自分のパソコン内に入っているフォントを確認できる「Type Zebra」

    自分のパソコン内に入っているフォントを確認できる「Type Zebra…

  3. Web Service

    feedlyの登録者数を取得できる「Feedly Subscribers Checker 2」

    自分のブログをfeedlyに登録してくれている人の数を知りたいという方…

  4. Web Service

    使い捨てメールアドレスが欲しい時に便利!2秒でフリーメールを取得することができる「Super Mai…

    使い捨てアドが欲しい時にとても便利ですね。たった2秒でフリーメールを取…

  5. Web Service

    CSSで吹き出しをサクっと作ることができる便利なツール「cssarrowplease」

    CSSでとても簡単に吹き出しを作ってくれる便利なツール「cssarro…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP