>> 
ブラウザにグリッドを表示してweb制作のレイアウトの確認に使える GridFox 1.2
 >> 
ブラウザにグリッドを表示してweb制作のレイアウトの確認に使える GridFox 1.2

スポンサーサイト

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

ブラウザにグリッドを表示してweb制作のレイアウトの確認に使える GridFox 1.2

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

ブラウザにグリッドを表示してweb制作のレイアウトの確認に使える GridFox 1.2

腰が痛む管理人です。


ブラウザにグリッドを表示して、Web制作のレイアウトに使用できるアドオンをインストールしてみました。




GridFox 1.2

GridFox」は、ブラウザにグリッドを表示して、Web制作でレイアウトの確認する 時などにとても便利な Firefox アドオンです。

GridFox :: Add-ons for Firefox

ブックマークレットやグリッドレイアウトのCSSをかんたんに作成出来るジェネレーターなども公開されているのでいろいろと調べてみるのも良いと思います。

▼ 私がよく使用するブックマークレット
ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum




ブラウザにグリッドを表示します

ブラウザにグリッドを表示します - GridFox 1.2

閲覧ページ上でコンテキスト(右クリック)メニューを開き、GridFox をクリックするとブラウザ上にグリッドが表示されます。

右上に表示される "Hide Grid ×" をクリックするとグリッドを非表示にします。

このアドオンはブラウザにグリッドを表示して制作中のWebサイトに重ね合わせて確認に使用するものなので設定で表示するグリッドを調節します。




設定

[ Firefoxボタン >> アドオン >> GridFox >> 設定 ]
Columns タブ

設定 - Columns タブ - GridFox 1.2

設定の "Columns タブ" から以下の設定ができます。

  • 位置
  • 間隔
  • 横幅・カラム数
  • カラムの幅



Rows タブ

設定 - Rows タブ - GridFox 1.2

設定の "Rows タブ" から以下の設定ができます。

  • 縦列の表示
  • 高さ
  • 最上部の高さ



Appearance タブ

設定 - Appearance タブ - GridFox 1.2

設定の "Appearance タブ" から以下の設定ができます。

  • 不透明度
  • 背景色
  • 線の色
  • 線の幅




インストールページ

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