Web Service

URLを入れるだけでレスポンシブなWebデザインを色々なデバイスで表示確認できる「The Responsinator」

スマートフォンやタブレットなんかの色々なデバイスで表示確認することができる「The Responsinator」を試してみました。レスポンシブに対応しているサイトのURLを入力するだけで確認することができるので結構お手軽な感じです。サクっと気軽に確認する時には便利かと思います。

[ads_center]

実際に確認してみる

使い方は左上のURLを入力する欄に表示確認したいサイトのURLを入れるだけです。

The Responsinatorの使い方01

ここではWordPressのテーマ「Yoko」の表示を確認してみました。

こんな感じでiPhoneを横向きにした時の表示確認なんかもできます。

The Responsinatorの使い方02

iPadでの表示確認はもちろん、その他にもAndroidやKindleなんかも確認することができます。これらの端末はすべて1つのページで表示されるのでとても楽ですね。

The Responsinatorの使い方03

以下のサイトから確認することができます。

今回の確認に使ってみたWordPressテーマ「Yoko」は以下です。

WordPressでFacebookのOGP設定ができるプラグイン「Open Graph Pro」前のページ

斜めに写っている写真をPhotoshopのものさしツールを使ってまっすぐ水平に補正するやり方次のページ

関連記事

  1. Web Service

    自分の興味にあったニュースや記事を推薦してくれる「Gunosy(グノシー)」を使ってみた

    自分の興味に合うニュースや記事を推薦してくれるGunosy(グノシー)…

  2. Colors Palette Generator
  3. Web Service

    自由なサイズやカラー指定でダミー画像を生成できる「PLACEHOLD.IT」

    PLACEHOLD.ITはWeb製作に役立つダミー画像を生成してくれる…

  4. Web Service

    これは凄い!色んなCSSを生成してくれるジェネレーター「Generate CSS」

    Generate CSSというジェネレーターが凄かったのでご紹介します…

  5. Web Service

    Google検索結果で1年以内のものに限定してくれるChrome拡張機能「ato-ichinen」

    Chromeの拡張機能「ato-ichinen」を使ってみました。これ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP