画面上(ブラウザ上)の長さを測定する方法
「あれ～、このサイトのここの幅って、いくつだっけ？」
いろいろサイトを運営していると、
いちいち横幅なんて覚えていないので、
めいっぱい大きな写真を載せたいときなどに、
大きさ設定に困ります。
で、そんなとき、
画面上(ブラウザ上)で幅や長さが測れたらいいのに、
と思っていたんですが、ありました。
Firefox アドオン – ColorZilla
https://addons.mozilla.jp/firefox/details/271
↑このアドオン、もともとは、サイトの中の
色の数値(＃ＦＦ００００などの６桁のやつ)を
簡単に調べるためのものなんですが、
距離測定の機能もついているので、重宝します。
Firefoxにインストールすると、左下に、こんなふうに出ます。
スポイトの部分を左クリックすると、カーソルが十字に変わり、
色を調べたい位置を指定できるようになります。
表示は、左から
「RGB値」、「16進数値」、「最後に色情報を取得した場所からの位置」、
「タグ要素のclassとidの名前」です。
(オプションのステータスバーの表示で表示内容の変更も可能)
ですので、実際に二点間の距離を測る方法としては、
１．開始点で一度、色を調べる(＝開始点の設定)
２．終了点で色を調べる
これで、表示を見ると、
Ｘが横の距離、Ｙが縦の距離を示している、
というわけです。
色情報の取得も便利なので、
ぜひ使ってみてくださいね。
2010年07月18日 コメント&トラックバック(0) | トラックバックURL |
カテゴリ: 趣味サイトを充実させる方法
人気ページ
- 検索エンジン一括登録ソフトの効果と選び方 12 comment(s)
- 無料のURL短縮プログラム とwordpressプラグイン 5 comment(s)
- SiteMix(サイトミックス)：wordpressがインストール済、無料で使える 4 comment(s)
- ブログランキング１位 取れました♪ 4 comment(s)
- エクセルの表をブログに貼る方法１：画像で貼る 3 comment(s)
- エクセルの表をブログに貼る方法２：HTMLで貼る 3 comment(s)
- アメブロのRSSに入る広告の削除方法 3 comment(s)
- アフィリエイトとドロップシッピング、どっちをやるか？ 2 comment(s)
- もしもドロップシッピングから初収入です♪ 2 comment(s)
- wordpress インストール方法 無料レポート一覧 2 comment(s)
トラックバック&コメント
この記事のトラックバックURL:
まだトラックバック、コメントがありません。
がメイン。
