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

    CSS3を使って超カンタンにクールなボタンを作ることができるジェネレーター「Button Maker…

    CSS3を使ってとても簡単にクールなボタンを作ることができるジェネレー…

  2. Web Service

    文字をペーストするだけで文字数をカウントしてくれるChrome拡張機能「文字数カウンタ」

    何気に入れておけば便利かと思ったのでインストールしてみました。文字をペ…

  3. Flat UI Colors

    Web Service

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

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

  4. Spotifyでクロスフェードさせる設定方法

    Web Service

    Spotifyで曲と曲の境目をDJっぽくクロスフェードさせる設定方法

    最近よくSpotifyで音楽を聴いています。あまりにも便利なのでプレミ…

  5. Web Service

    ブラウザに好きな時間のタイマーをセットしてカウントダウンしてくれるE.gg Timerがとても便利

    ブラウザに自分の好きな時間を入れてenterを押すだけでタイマーをセッ…

コメント

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

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

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP