• かちびと.net

    URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.isと似たようなやつ何個かご紹介します。どれも目的は同じなのでお好みで選んであげるといいですね。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.isと似たようなやつ何個か

スポンサーリンク

ちょっと便利かも、と思ったのでメモ。
URL指定が出来るレスポンシブWebデザイン
対応確認ツールです。この手のツール
はかなり増えているので今更感も否め
無いんですが、URL指定で直接見れるの
で、人に見せるのには結構いいかも知
れないです。

というわけで、レスポンシブWebデザインの対応確認ツールです。他にいろいろ。先に紹介します。

使い方の説明は多分不要です。これらは同じ目的で作られてますので使いやすいのを選ぶ感じで。

で、今日はresponsive.isっていうツールと、responsinatorっていうツールの2つをご紹介です。

responsive.is


ちょっとキャプチャだと分かりにくいんですけど・・・最上部にスマフォとかタブレットのアイコンがあって、クリックするとリサイズできるようになっています。


これはiPhoneの縦の時の見え方です。

使い方は簡単でhttp://www.を抜いたドメインのみで右上の検索ボックスに入力すればOKです。

また、

http://responsive.is/example.com

という感じでURL指定出来ますので人に見せるのにも使えるんじゃないでしょうか。

ただし、このブログのようにUAで切り替えてるサイトでは使えません。

responsive.is (via:Hacker News)

もう一個。

Responsinator


こちらも同じ感じですけど、1ページにまとめて一杯表示させます。対応しているデバイスにAndroidやKindleがあるのがいいですねー。


こんな感じ。

これもURL指定出来るんですが

http://www.responsinator.com/?url=http%3A%2F%2Fexample.com%2F

と言った感じでエンコードされます。

こちらは以下よりご利用になれます。

Responsinator

こういったツールが増えているのはそれだけレスポンシブWebデザインが浸透しているとも考えられますね。まだまだ問題は山済みでしょうけど、今後はクロスブラウザではなくマルチデバイス対応も余儀なくされかねませんので学べるうちに学んで起きたい所です。

URL :
TRB :

Comments & Trackbacks (2)

  1. Alex Bardera

    http://responsivetest.com – Responsive Design Test

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services