スマホやタブレットでのレシポンシブデザインの確認ができるソフト 『Responsivize』

スマホやタブレットでの

レシポンシブデザインの表示確認が

できる便利なソフト。

Web制作者には非常に便利です。

responsivize13

Responsivize ダウンロードはこちらから

ダウンロードとインストール

responsivize1

上記リンク先ページを開き

OSに合わせてクリックして

ファイルをダウンロードします。

responsivize2

ダウンロードしたファイルを解凍すると

実行ファイルが展開されますので

起動します。

responsivize3

そのままNextをクリックします。

responsivize4

チェックをするとデスクトップに

ショートカットを作成します。

Nextをクリックします。

responsivize5

Installをクリックします。

responsivize6

これでインストールは完了です。

使い方

responsivize7

ソフトが起動するとこんな画面が

表示されます。

スマホやタブレット、PCやカスタムサイズで

表示確認が出来ます。

responsivize8

スマホで開いてみました。

各主要なスマホで一画面で

画面確認ができます。

微妙な表示幅の違いに時々苦しみますが、

こうやって違いを比較してみる事が出来るのは

非常に便利です。

responsivize9

先日に公開したWebサービス

MissionViewerのGridモードを表示して

画面に並べてみました。

表示幅が微妙に違うのが分かります。

responsivize10

タブレットで表示してみました。

Chromeのデベロッパーでも同様の

機能はありますが、こうやって

画面を並べて比較までは出来ないので

便利です。

responsivize11

PCでも表示確認をしてみました。

様々な画面サイズの確認ができます。

 

responsivize12

また用意されていない解像度も

自由にカスタムできる機能もあります。

今の時代、スマホからタブレット、PCなど

CSS等で全て対応しなければならないので

レスポンシブデザインは必須です。

大変な時代ですが、こういうツールがあれば

非常に助かります。

Web制作時に便利なソフトです。

  • コメント: 0

停電や断水時などに電気ガス、水道やネットなどライフラインの最新確認ができるWebサービス 『防災ポータル ライフライン情報』前のページ

幻想的なスモークの様な壁紙を自由に作成できるWebサービス 『Smoky Backgrounds Generator』次のページ

関連記事

  1. ユーティリティー

    高機能システムマネージャー System Explorer プロセス一覧など標準の機能より使いやすい…

    高機能なシステムマネージャーです実行中のプロセス・タスクや履歴…

  2. ユーティリティー

    コピーした画像をExcelにポンポン挿入してくれるフリーソフト 『Imageclippaste』

    スクリーンショットなどのコピーした画像をExcelにポンポン貼…

  3. ユーティリティー

    スクリーンショットを自動撮影してくれるフリーソフト 『スクロガー』 指定間隔で自動撮影

    スクリーンショットを指定した間隔で自動で撮影してくれるフリーソフト…

コメント

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

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

最近の記事

PAGE TOP