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

    右クリックでキャッシュ、クッキー、履歴を消すことができるChrome拡張機能「Clear」

    Chrome拡張機能「Clear」というのがとても便利そうだったので入…

  2. Web Service

    ブログで使うCC(クリエティブコモンズ)対象の画像をFlickrやGoogleから簡単に探してくれる…

    ブログでその記事に関連するアイキャッチ画像を入れたりしたい時があるかと…

  3. ヘボン式ローマ字

    Web Service

    ヘボン式ローマ字を使う時の注意事項や便利な一覧表、入力変換サービスなど

    ヘボン式ローマ字を使う時の注意事項や便利な一覧表、入力変換サービスなど…

  4. flatuicolorpicker

    Web Service

    フラットデザインの色の見本(RGB、HEX)が豊富にある「flatuicolorpicker」

    フラットデザインを取り入れる上で難しいのが色の選択。実際にどのような色…

  5. SimilarSites

    Web Service

    似ているサイトを検索して探してくれる「SimilarSites」

    ちょっと面白かったのでご紹介します。似ているサイトを検索して探してくれ…

  6. Web Service

    iPhoneからWordPressの投稿や固定ページ編集、コメント承認もできるアプリ「WordPre…

    前回iPhoneからWordPressの記事を投稿、編集できるアプリ「…

コメント

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

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

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP