レスポンシブWEBデザイン検証用ブラウザの『Duo』がいい感じ

アプリ

あー、これは画面幅で切り替えるタイプでレスポンシブWEBデザインを作るなら結構便利だなぁーと思ったのでシェア!

Duo – Electric Pulp

アプリ自体はかなーりシンプルで、Duoを起動すると以下のようなブラウザが開くというだけ。見たらすぐわかるかと思いますが、左側がスマフォ用、右側がPC用といった感じに画面が分割されていますね。

Screeny Shot 2014 01 13 午後0 29 06

こーんな感じ。

device-width指定で変更する箇所はウィンドウサイズだけ可変した所で変更されないのがちょっとなと思いますが、単にmin-width指定で変更する場合には、このアプリは非常に有効かなと思います。

最近は、PCよか断然スマフォからのアクセスが多いじゃーんって事で、モバイルファーストなサイトの方が個人的な案件には断然多く。まずはスマフォ版から作ってmin-widthで指定してPC版に対応させるって流れの方が多いので、僕としてはとりあえず使って見ようかなと思ったわけです。お値段500円(2014/01/13現在)。まぁ、おやつの時間を2回除けば大丈夫な金額なので、手元に置いといても良いかもしれませんね。

Duo, the browser for responsive web development from Electric Pulp

Pagetop