CSS Selector Generator | CSS のセレクタ一覧を一発で自動生成!

22

04月2008年

コレは便利!WEBブラウザ上でグリッド線を表示

nakayama 15:17 PM

  • はてなブックマークに登録
  • livedoorクリップに登録
  • Yahoo!ブックマークに登録
  • deliciousに追加

イメージ

自分で WEB サイトを作る時にブラウザ上でグリッド表示できたり、他の人が作ったサイトを見る時にグリッドが表示できたら素敵ですよね。今回ご紹介するのは WEB ブラウザ上でグリッド線を表示してくれるブックマークレットです。

使い方は簡単。サイトからブックマークレットをお気に入りに追加(Firefox ならブックマークに追加)します。グリッドを表示したいサイトを開いた後に、先ほど登録した「グリッド表示」を選べばいいだけです。

これを使えば「キャプチャーして画像ソフトを使って…」なんてしなくても、WEBブラウザ上だけでグリッド線を表示し、幅・高さ・余白と「もうこれ以上見ないで」というぐらいWEBサイトを調べることが可能です。グリッド線の位置もコントロールボックスから変えられる他、ドラックアンドドロップで移動も可能。グリッド線の色も「薄い灰色→赤→緑→青→濃い灰色」と5パターン用意されています。

興味がある人は是非お試し下さい。

バシャログスタッフによるWebサイト制作サービス

トラックバック

このエントリーのトラックバックURL
http://c-brains.jp/cgi-bin/mt/###/1522
###はmt-tb.cgiに変更してください。

コメントを投稿

ページの先頭へ

POPULAR TAGS
  • バシャログスタッフによるWebサイト制作サービス

ARCHIVE

特集

  • ステップアップ!CakePHP
  • 作って学ぶjQuery

RECENT COMMENTS

sakai on [使える CSS テクニック] CSSで実現するプルダウンメニュー
>abesan さん 情報ありがとうございます。なるほど、I
abesan on [使える CSS テクニック] CSSで実現するプルダウンメニュー
sakaiさん こんにちは ご連絡ありがとうございます。
sakai on [使える CSS テクニック] CSSで実現するプルダウンメニュー
>abesan さん はじめまして、コメントありがとうござい
tanaka on さくらのVPSを使ってみた
makotoさん、コメントありがとうございます。 その設定
nakamura on [ステップアップ! CakePHP] キャッシュに memcached を使う
>aokazu さん コメントありがとうございます! SEL