タグ

firebugに関するU-8のブックマーク (4)

  • Widerbug: Widescreen Firebug – Command-Tab

    If you do any amount of web developing with CSS and JavaScript, it’s probably a safe bet that you use the Firefox and Firebug combo to test ideas, tweak appearance and behavior of pages, and debug problems when they crop up. You might also use a widescreen monitor to provide more screen real estate to flip between your code and the rendered output. In an arrangement like this, the open Firebug pan

    Widerbug: Widescreen Firebug – Command-Tab
    U-8
    U-8 2009/07/21
    firebugのワイドスクリーン最適化Ver
  • anything from herejQuery と FirebugLite を一括登録するブックマークレット

    jQueryブックマークレット(=jQuerify)を利用する前提として、Firebug(firefoxの場合)又はFirebug Lite(IE、Operaの場合)を組み込む必要があります。前者の場合にはFirefoxのアドオンとしてBrowser自身に組み込めばお仕舞いで、簡単に jQuerify を利用することが出来ます。 一方、後者の Firebug Lite の場合には、jQuerify を適用するサイトに、Firebug Liteをインクルードしなければなりませんが、それを一々追加するのでは余りに面倒です。 そこで、Firebug Lite と jQuerify を同時にインクルードするブックマークレットを作成し、容易にインクルード出来るようにすれば便利なはずです。 ここに、jQuerifyブックマークレットにおいて使用する jQuery は、Google のファイル置き場に置

  • jQueryを使った開発に便利!Firebug + jQuery·FireQuery MOONGIFT

    Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど

    jQueryを使った開発に便利!Firebug + jQuery·FireQuery MOONGIFT
  • ウェブページのパフォーマンスを評価して、改善点を指摘してくれる -Page Speed

    ウェブページのパフォーマンスを評価して、改善点を指摘してくれるFirefox/Firebugのアドオン「Page Speed」を紹介します。 Introducing Page Speed Page Speedを利用するにはFirefox/Firebugが必要で、下記ページからダウンロードできます。 Page Speed 使用方法は簡単で、「Page Speed」のタブをクリックし、「Analyze Performance」をクリックするだけで、表示されているページのパフォーマンスの評価が始まります。

  • 1