skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

レスポンシブWebデザインを確認するブックマークレット(雑)

FacebookのOGPをページ内で確認するブックマークレット(雑)以来、雑なブックマークレットを作るのがマイブームです。
今回はレスポンシブWebデザインを確認するためのものです。
押下すると見たい入力した横幅で表示してくれます。

sponsors

ミツエーリンクスさんで見てみましょう。
まずは通常時。

下記の画像はブックマークレット適用した状態。
ダイアログが表示され、入力された値が横幅になります。
なお、デフォルトの数値は横320pxにしています。

次に左上に表示されたエリアに数字を入れると横幅が変わります。
今度は480pxにしてみました。

さらに600pxへ。


ミツエーリンクスさんいいですね!

ではお試ししたい方は下記をブックマークバーへドラッグしてみてください。
サイズを変えてみる

sponsors

「レスポンシブWebデザインを確認するブックマークレット(雑)」をシェアする

記事作成:
記事URL:

TOP > > > レスポンシブWebデザインを確認するブックマークレット(雑)

前の記事:
次の記事:PowerPointでのワイヤーフレーム作成を補助する「PowerMockup」

JavaScript

read more

Column

read more