2010/02/02
サイトのデザイン微調整に。ブラウザ上でCSS修正「Brosho Plugin」
Brosho PluginはJavaScript製jQueryプラグインのオープンソース・ソフトウェア。Webサイトのデザインを調整する時には、ローカルのテキストエディタでCSSを修正し、Webブラウザで再読込するというのが一般的だ。だが切り替えの手間がかかる。 0
オンラインでデザイン修正
0
そこでFirefoxであればFirebugを使ってその場でデザインを変更してみて確かめることもできる。だがブラウザが限定される。ブラウザの壁を乗り越え、オンラインでCSSの修正を行えるのがBrosho Pluginだ。 0
Brosho PluginはjQueryプラグインとして提供されるソフトウェアで、Webサイトを表示すると四角い枠が表示される。そしてWebサイト上のエレメントを選択（赤い枠で囲まれる）し、新しいCSSプロパティを入力するとそれがオンラインで適用されるのだ。 0
修正したCSSの内容を生成する
Brosho Pluginの枠は画面の上下左右のいずれかに配置することができる。さらにCSSコードの生成する機能もある。IE6/7では一部の機能が動かないという報告もあるが、IE8やOpera、Safariでも動作する。クロスブラウザで使える、デザイナーにとって重宝するソフトウェアになりそうだ。 0
執筆時のバージョン
0.1
Brosho Plugin - Example
http://demos.usejquery.com/brosho-plugin/
0
mustardamus's brosho-plugin at master - GitHub
http://github.com/mustardamus/brosho-plugin
0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート