• かちびと.net

    その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizerが地味便利だったのでご紹介。コードも公開されているのでカスタマイズも可能ですね。

    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

その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizer

スポンサーリンク

ここ何日かずっとレスポンシブWebデザイン
のネタが続きますが・・便利なブックマーク
レットです。閲覧中のWEBサイトをiPhoneや
iPadの幅で見たときの表示状態で確認出来る
ブックマークレットです。というか単純に
リサイズしてくれる、ってやつですね。

その場でレシポンシブWebデザイン対応の表示確認が出来るブックマークレットです。UAの切り替えとかじゃなく、単純にリサイズするだけですが、シンプルで手軽に表示確認出来るので使おうかなと思います。

Resizer


地味に便利でした。使い方・・・の説明は不要だと思いますが他に書くこと無いので一応w


ブックマークレット使うと右上になんか出ます。


あとは好みのデバイス選べばその場でリサイズされます。Webサイトのほうで背景色を決めてないとオーバーレイの色に依存しちゃいますけど。


でもこのブックマークレットはGithubでコードが公開されてますので好みのブックマークレットを作れば問題ないです。jQuery依存なので慣れてる人も多いのではないかなと。

その場でちょっと確認!とか出来るのは地味に良い感じ。暇見て自分用にカスタマイズしようかなと思います。

Resizer / Github

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

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

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

twitter facebook rss contact

Ads

Posts

Contact

Services