http://little.ws web制作とかcssとかデザインとか色々～な覚え書き Sat, 04 Feb 2012 07:27:16 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 http://little.ws/200901/126.html http://little.ws/200901/126.html#comments Wed, 07 Jan 2009 17:51:01 +0000 chibi http://little.ws/?p=126 FirefoxのアドオンはFirebugがお気に入りなんですが、
今回、ページをビジュアル的に編集できるEdit Pageというアドオンを入れてみました。

インストールしたら、右クリックメニューにEdit Pageが追加されます。
選択すると編集モードみたいな感じになって、画像サイズの変更とか位置の調整とか
テキストの編集とかがFirefoxの画面上で出来るようになります。

この画像の様にクリックしたとこのサイズとか、
ハンドルで操作しながら確認出来ます。
【画像はFirebugと併せてつかってるところ】


もちろん、操作したらソースも自動で書き換えられるので、
画面で確認しながらFirebugを併せて使えばソースも確認しながら編集出来ます。
編集したとこのソースは、同じく右クリックから「選択した部分のソースを表示」で、

こんな感じで表示されます。

ただ、『ここを編集したい！』っていうところを中々選択出来なかったりします。
これは好みの問題がありそう。。

]]> http://little.ws/200901/126.html/feed 0