>> 
Firefoxにルーラーを表示しガイドを引く事ができる FoxGuide 1.2
 >> 
Firefoxにルーラーを表示しガイドを引く事ができる FoxGuide 1.2

スポンサーサイト

  • このエントリーをはてなブックマークに追加
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Firefoxにルーラーを表示しガイドを引く事ができる FoxGuide 1.2

  • このエントリーをはてなブックマークに追加

Firefoxにルーラーを表示しガイドを引く事ができる FoxGuide 1.2

最近、instagr.am にハマっている管理人です。更新頻度は少ないですが家庭菜園の成長記録などを撮ってます。


今回は、PhotoshopFireworks のようにブラウザの上と左にルーラーを表示させ、マウスドラッグでガイドを引く事ができるアドオンをインストールしました。



FoxGuide 1.2

FoxGuide」は、ブラウザ上にルーラーを表示し、画像加工ソフトのようにマウスドラッグでガイドを表示させる事もできる Firefox アドオンです。

FoxGuide :: Add-ons for Firefox

以下、実際に使ってみた様子です。



Firefoxにルーラーを表示しガイドを引く事ができる FoxGuide 1.2

ガイドを引く事で、気になるWebサイトの調べたり、全体のレイアウトの確認をしたり、Webサイト制作にとても便利なアドオンです。



FoxGuide アイコン

Firefoxにルーラーを表示しガイドを引く事ができる FoxGuide 1.2

インストールするとステータスバーに表示された "FoxGuide アイコン" をクリックする事で使用できます。
デフォルトで OFF の状態です。



ルーラーとガイド

Firefoxにルーラーを表示しガイドを引く事ができる FoxGuide 1.2

ステータスバーのアイコンをクリックして ON の状態にするとブラウザの上部と左部にルーラー(定規 px)が表示されます。
ルーラー部にマウスを重ねてドラッグしてガイドを引いて気になるWebサイトの調べてみたり、制作中のWebサイトの確認などできます。

※ 一度引いたガイドはブラウザを閉じても保存されます



Optionパネル

Firefoxにルーラーを表示しガイドを引く事ができる FoxGuide 1.2

FoxGuide」を ON の状態にするとブラウザ右下に Optionパネル が表示されます。

  • Ruler Transparency
    ルーラーの透過の設定です。min:薄、max:濃
  • Set Guide Color
    ガイドの色の設定です。シアン、マゼンタ、イエロー、ブラック、ホワイト、好きな色の設定(Hex Value)
  • Fix Rulers
    チェックを入れるとルーラーが固定され、ブラウザに表示されている部分だけを測る事ができます。
  • マウスの座標



コンテキストメニュー

Firefoxにルーラーを表示しガイドを引く事ができる FoxGuide 1.2

コンテキストメニューに追加された項目からは、Optionの表示/非表示、保存されたガイドのリセットができます。




インストールページ

関連記事
-0 comments
管理者にだけ表示を許可する
-0 trackbacks