今回はレスポンシブWebデザインのレイアウトチェックに便利なMacアプリ「Duo」をご紹介!
レスポンシブWebデザインのサイトであれば、URLを入力するだけでモバイル表示とタブレット(or デスクトップ)表示のデザインを同時に確認することができますよ!
「Duo」の使い方
使い方は簡単です。「Duo」を起動したら、レスポンシブWebデザインを採用しているWebサイトのURLをアドレスバーに入力するだけでOK!
「Duo」の左側ウィンドウにモバイル表示、右側ウィンドウにタブレットもしくはデスクトップ表示を並べて、Webサイトのレイアウトを同時にチェックすることができます。

左右のウィンドウは常に連動していて、個別記事をクリックすると、もう片方のウィンドウも同じ個別記事の画面に移動します。
ちなみに右側ウィンドウの「タブレット」と「デスクトップ」の表示方法を変更したいときは、ウィンドウ右端部分をカーソルでドラッグしながら、左右に幅を調整すると表示の切り替えが可能になりますよ!

Webデザインのサイトのレイアウトチェックに便利!
「Duo」を使えば、ひとつのアプリ内でレスポンシブWebデザインのモバイル表示とタブレット(or デスクトップ)表示を確認することができます。
Web開発者の方にとっては便利そうなツールになると思いますので、是非チェックしてみてください!