endflow.net blog

/* programming and programming */

Extension: Adds ColorPicker to Firebug

with 20 comments

/* What is this? */

This is an extension for Firebug, adds color picker in CSS panel.

/* Install */

CAUTION!! NO WARRANTY!!

  1. Install Firebug from addons.mozilla.org (supported 1.3、1.4、1.5 branches)
  2. Install FirePalette from addons.mozilla.org (experimental)

/* Usage */

/* Known Issues */

  • Only CSS side panel
  • Firebug パネルをウィンドウとして独立させると使えない
  • Fixed on latest version: Breaks complexed property, like ‘backgroud’
  • Works on Firefox2? or not?
  • 何故か初回起動時のみカラーピッカーが開いた状態にならない

/* Todo */

  • Fix known issues
  • Improvement of Color Picker
  • 色をリアルタイムに反映 (色セルへのマウスオーバ時)
  • Firebug を行儀良く拡張 (CSSEditor かな)

If you have any issues or feature requests, please submit it to Issue Tracker on bitbucket.org. Thanks.

enjoy Firebug! ;)

Written by kuy

October 20th, 2008 at 4:41 am

Posted in Uncategorized

Tagged with , ,

«
»

20 Responses to 'Extension: Adds ColorPicker to Firebug'

Subscribe to comments with RSS or TrackBack to 'Extension: Adds ColorPicker to Firebug'.

  1. 俺も良くFireBug使うけど
    この機能は便利そうだね

    未来探偵コナン

    20 Oct 08 at 08:26

  2. Firebugは便利なんですけどやはり細かいところには手が回らないようでw
    Todoに「カラーパネル」と書いてあったのでサイドパネルとしていつか実装されるのかもしれませんが、待ってられないので作った方が早いですね！

    kuy

    20 Oct 08 at 13:13

  3. Fantasic, just what I was looking for.

    Brian

    9 Dec 08 at 22:01

  4. Fantastic, exactly what I need. Do you think about arbitrary-color picker (to select any of the 24bit RRGGBB color value)?

    TomHol

    9 Jan 09 at 22:19

  5. Actual version uses build-in color picker.
    So I’d like to implement more functional color picker.
    But the first step is importing color picker from other extension, like Download Statusbar extension.

    kuy

    14 Jan 09 at 01:46

  6. こんばんは。
    ColorPickerが大変便利で助かっています。

    Firefox 3.0.10
    Firebug 1.3.3
    を使用しているのですが
    右クリックした時に、”Pick ～ Color…”のメニューが空白になってしまいます。
    よろしければ、UIが日本語の場合にも対応して頂けませんでしょうか。
    よろしくお願いします。

    チョッパー

    2 May 09 at 23:25

  7. チョッパーさん、レポートありがとうございます。
    私がFirefox 3.0.10 + Firebug 1.4.0b25なのでチョッパーさんと同じ環境で試してはいませんが、
    1.4系の英語版でも同様にメニュー文字列が表示されない現象を確認しました。

    今後を考えて1.4系への対応を優先したいため、日本語対応は後回しに
    なってしまいそうですが、気長に待っていただけないでしょうか？
    とはいえ、単純にロケール周りの作りがまずいだけな気がするので、
    これを直せば日本語の問題も同時に解決する可能性が高いです。
    よろしくおねがいします。

    kuy

    6 May 09 at 01:04

  8. お返事ありがとうございます。
    全然、気長に待ちます。

    頑張って1.4系へ対応させて下さい。
    対応してくれるだけでも感謝です。

    チョッパー

    8 May 09 at 17:40

  9. チョッパーさん：
    遅くなってしまい、すみません。
    まだローカライズやポップアップの位置調整、カラーピッカーの改善など修正すべき部分は残っているのですが、
    ひとまずご報告いただいた問題は解決しましたので、下記リンクからインストールしてみてください。

    http://bitbucket.org/kuy/fbcolorpicker/downloads/fbcolorpicker-0.1.3.xpi

    ちなみに、この拡張機能は bitbucket.org にてリポジトリを公開しています。
    バグ報告や機能要望などありましたら bitbucket.org の BTS にポストしていただけると助かります。

    もちろん、このコメント欄でもOKです ;)

    kuy

    19 May 09 at 22:26

  10. うまく表示されました。
    ありがとうござました。

    Firefox 3.0.10
    Firebug 1.4.0a28
    にて確認しました。

    機能要望は、Todoに書かれているものが搭載されると嬉しいです。
    任意のカラー（フルカラーから）から色を取得←高機能なカラーピッカーですよね？
    後は、色を選んでいる時に、Webカラー値（#FFFFFF）が現在の色の隣に表示されて欲しいです。

    BTSは Create new で書き込めば良いのでしょうか？
    英語だったので、腰が引けてしまいました。

    チョッパー

    21 May 09 at 21:13

  11. 早速のテストありがとうございます。
    BTSは英語とか気にせず日本語で追加しちゃってくださいw

    カラーピッカーは拡張機能の ColorZilla を参考に作ろうと思っています。
    スクリーンショットの通りかなり高機能です。チョッパーさんのご意見も反映させていただきます。

    kuy

    21 May 09 at 22:34

  12. Found this nice plugin through http://getfirebug.com/extensions/#firepalette
    Wonder why it’s not published on addons.mozilla.org thus it would be easy to include it in the newly enabled “Collections” feature…

    Maxx

    11 Jun 09 at 18:55

  13. Thank you, Maxx.
    I’ve just registered to AMO (addons.mozilla.org): FirePalette
    To go out from “experimental” addon, I need your review on AMO ;)

    kuy

    11 Jun 09 at 19:07

  14. Hi,
    I’d like to use this very usefull addon, but on my Firefox it doesn’t work. I don’t know, where is the problem. I have got :
    Firefox 3.0.11 in czech language
    Firebug 1.3.3
    and
    FirePallete 0.1.6.
    Thanks for any help.

    Kedy

    15 Jun 09 at 21:41

  15. Thank you for using FirePalette, Kedy.
    Could you see the menu (“Pick xxx color…”) added by FirePalette in context menu?
    Or it was happened after selecting the menu item?
    Please let me know details what doesn’t work.

    kuy

    15 Jun 09 at 21:50

  16. Thank you for reply. I don’t know why, but I had to restart Firefox more times and now it works fine. Thanks for this addon

    Kedy

    15 Jun 09 at 22:11

  17. Ah, the cause is FirePalette extends Firebug using a bit duty way.
    Thus, you will get an error if Firefox loads FirePalette before loading Firebug.
    This problem will fix in the next release, version 0.2.0.
    In 0.2.0, I’d like to re-design the extension structure.

    P.S. if you prefer (and have AMO account), could you write a review for this addon? :)
    https://addons.mozilla.org/en-US/firefox/addon/12377

    kuy

    15 Jun 09 at 22:22

  18. It has precious few colors. Why not use colorpicker like this: http://www.eyecon.ro/colorpicker/ ?

    grader

    19 Jul 09 at 17:23

  19. I’m on Firefox 3.5.2 & Firebug 1.4.2.

    Installed the extension, and it’s not working at all. Right-click on color value doe not show ‘pick color’ menu item. However, I don’t get any error message.

    If this is a problem with FirePalette loading first, can I manually edit the extension files to make sure FireBug loads first?

    Andy

    13 Aug 09 at 04:02

  20. What a nice idea!

    Unfortunately it won’t show up in my Firebug 1.4.5.

    Are you still working on it? And is there any chance that you are going to integrate a color picker with more … uhm… colors? ;-)

    Patrick Metz

    23 Nov 09 at 09:10

Leave a Reply