FireBug ファイアーバグ

Hiroyuki Watanabe — Tue, 29 Jul 2008 08:47:52 +0000

FirefoxのアドオンFireBug。最近MovableTypeを使ってサイトを作ったりしてたんで、とくに重宝した。

前は、ずっとWeb Developers を使ってたけど、CSSを編集しようとしたらCSSが切れたりして、なんだかなぁ。と思っていたが、FireBugならそんなこともなく…

ブラウザに表示されている画面をマウスオーバーでどの部分のHTMLでどんなCSSがかかっているのかすぐわかるんで、
使ったことがないWEBデザイナーさんは、つかってみるといいんだよー。

https://addons.mozilla.org/ja/firefox/addon/1843

そういえば、Firefox3になってFireBugのアイコンが虫になったのはなぜ？

Firefox3をインストールした。firegestureも

Hiroyuki Watanabe — Fri, 20 Jun 2008 08:27:27 +0000

日本時間の6月18日早朝2時位？にFirefox3のダウンロードが始まった。たまたま起きていたので、勢いで夜中3時ころにダウンロードしてインストールした。アドオンをたくさん入れていたが、いくつかのアドオン（Firebugやall-in-one-gesturesなど）で「３では使えないよ！」的なメッセージがでてきて、夜中いや早朝から焦る。結局、firebugについては、β版が出ていて(https://addons.mozilla.org/ja/firefox/addon/1843)とりあえずインストール。他のアドオンたちももう一度検索したりして再インストール。まだ、対応してなかったのが、all-in-one-gesturesだった。。ネットを巡回する時にマウスジェスチャーがないとつらい。。探した結果、「firegesture」なるものがあったので、代わりにインストールしておいた。ところで、この「firegesture」おもしろい機能があった。ジェスチャにスクリプトを登録できるようで、例えば

function htmlEscape(s) { s = s.replace(/&/g, "&"); s = s.replace(/>/g, ">"); s = s.replace(/ s = s.replace(/"/g, """); return s; } loadURI('http://b.hatena.ne.jp/add?mode=confirm&title='+htmlEscape(window.content.document.title)+'&url='+escape(window.content.location.href));

と登録しておけば、マウスジェスチャではてブに追加できてしまうらしい。

牛乳工房さん参照

おもしろい！というわけで試してみた。 firegestureに「はてなブックマーク」に登録するジェスチャを登録する。（クリックすると動画が出てきます）ジェスチャを右クリックしながら丸を書くで、はてぶに飛ぶように設定してみた。

firegesture

WEB制作のメモ帳 - coral design » firefox

FireBug ファイアーバグ

Firefox3をインストールした。firegestureも