iTea4.0

Mac・iPhone・Apple Watch の最新情報とおすすめアプリを紹介

レスポンシブWebデザインのサイトURLを入力するだけ!モバイルとデスクトップ表示を同時に確認できるMacアプリ「Duo」

今回はレスポンシブWebデザインのレイアウトチェックに便利なMacアプリ「Duo」をご紹介!

レスポンシブWebデザインのサイトであれば、URLを入力するだけでモバイル表示とタブレット(or デスクトップ)表示のデザインを同時に確認することができますよ!

スポンサード リンク


「Duo」の使い方

DuoDuo
価格: ¥500(記事公開時)
カテゴリ: 開発ツール, グラフィック&デザイン
App Storeで詳細を見る

使い方は簡単です。「Duo」を起動したら、レスポンシブWebデザインを採用しているWebサイトのURLをアドレスバーに入力するだけでOK!

「Duo」の左側ウィンドウにモバイル表示、右側ウィンドウにタブレットもしくはデスクトップ表示を並べて、Webサイトのレイアウトを同時にチェックすることができます。

アドレスバーにレスポンシブWebサイトのURLを入力する

左右のウィンドウは常に連動していて、個別記事をクリックすると、もう片方のウィンドウも同じ個別記事の画面に移動します。

ちなみに右側ウィンドウの「タブレット」と「デスクトップ」の表示方法を変更したいときは、ウィンドウ右端部分をカーソルでドラッグしながら、左右に幅を調整すると表示の切り替えが可能になりますよ!

タブレット表示とデスクトップ表示も変更可能

Webデザインのサイトのレイアウトチェックに便利!

あとがき

「Duo」を使えば、ひとつのアプリ内でレスポンシブWebデザインのモバイル表示とタブレット(or デスクトップ)表示を確認することができます。

Web開発者の方にとっては便利そうなツールになると思いますので、是非チェックしてみてください!

DuoDuo
価格: ¥500(記事公開時)
カテゴリ: 開発ツール, グラフィック&デザイン
App Storeで詳細を見る
Return Top
error: Content is protected !!