タグ

firebugに関するpsychedesireのブックマーク (4)

  • FireSymfonyを使ってみる

    こんにちは。小川です。 先日symfonyのブログにFireSymfonyというものが紹介されていました。FireSymfonyとはFirefoxのアドオンであるFirebugにSymfonyの情報を組み込むためのものです。 FireSymfonyについては以前から存在は気になっていたのですが、いいきっかけなので試してみたいと思います。 インストール方法などの前に、以下の画像が実際に動かしてみた画面になります。 このようにWebDebugツールバーの代わりにFirebugのコンソールにsymfonyタブが追加され、情報が出るようになります。 ではインストール方法です。まずはFirefoxのアドオンが用意されていますので以下のURIよりインストールを行います。 https://addons.mozilla.org/en-US/firefox/addon/9096 アドオンのインストールが終わ

    FireSymfonyを使ってみる
  • 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
  • サイトのデザインをしっかり確認できるFirefoxのアドオン -Pixel Perfect

    Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示することができ、画像のポジションや不透明度を変更しながら、ウェブサイトのデザインを確認することができます。 画像を重ねて表示させるには、「Add overlay」をクリックして画像を登録します。

    psychedesire
    psychedesire 2008/09/03
    面白そうだなぁ~。Firebugって本当に凄いねぇ~。
  • Firebug 1.2リリース間近、Firefox側も支援機能を追加 | エンタープライズ | マイコミジャーナル

    Google, Steve Souders氏が開催したFirebug Working Groupミーティングの概要が同氏のブログで報告されている。Steve Souders氏は現在はGoogleに就職しているが、以前はYahoo!に勤務しており、Webサイトパフォーマンス分析ツールYSlowの開発を手がけていた。YSlowはFirebugで動作するエクステンション。 Firebug Working Groupの目指すところはFirebugプロジェクトを支援するボランティア組織を作っていくことにある。しばらく新バージョンが登場していないFirebugだが、Firebug自身の進歩を望む声は多い。Firebug Working Groupには支援体制を強化しFirebugの開発ペースを向上させたい狙いがある。 同ミーティングのメモによれば、次期Firebug 1.2は2008年8月中のリリース

    psychedesire
    psychedesire 2008/08/19
    アドオンの為に本体が擦り寄るって言うのは面白い。
  • 1