CSS-X-Fire

Compatible with:  IntelliJ IDEA , PhpStorm , WebStorm , PyCharm , RubyMine
25.08.2016
105 530

Connects Firebug CSS editor with any IDE with CSS capabilities (IntelliJ IDEA Ultimate, PhpStorm, WebStorm, PyCharm, RubyMine).

Please read the installation guidelines here: http://code.google.com/p/css-x-fire/wiki/Installation

Style with pleasure!

Download plugin

Version

Update date

Recent change notes

    1.45
  • Compatibility with 2016.3
    1.44
  • Compatibility with 2016.2
    1.43
  • Fix bug with backspace in popups.
    1.41
  • Compatibility with 2016.1.
    1.40
  • Signed extension
  • Fixed applying particular style
  • Fixed keyboard shortcuts on Mac
    1.39
  • Compatibility with 141.* builds.
  • Cleanup UI.
    1.38
  • Compiled for IDE build 138.
    1.37
  • Compiled for IDE build 129.
    1.36
  • Bumped Firefox and Firebug versions.
  • Fixed regression with disabled actions in popup menu.
    1.33
  • Compiled for IDE build 126.92.
  • Issue 21 Use FireSass source mapping for filename filter (when applicable).
    1.32
  • Issue 20 Compiled for IDE build 124.373.
  • Issue 19 Added keyboard shortcuts.
    1.31
  • Issue 17 Compiled for IDE build 121.
    1.29
  • Support for Firebug 1.10.
  • Bumped Firefox version to 20.
    1.28
  • Issue 7 Fix for NullPointerException.
    1.27
  • Issue 2 Added folders with popup actions in tree view.
  • Issue 1 Resolve mixins and variables defined in other files.
    1.26
  • Variables support.
  • Mixins support.
    1.25
  • Bumped Firefox version to 12.
    1.24
  • Issue 27 Support for the !important construct.
  • Support for Firefox 9.
  • Issue 29 Fix for false positives in nested rules.
    1.23
  • Support for Firefox 8.
  • Issue 4 and Issue 5 Initial support for Less and Sass (nested rules).
    1.22
  • Internal caching of selector and media query searches.
    1.21
  • Issue 23 Fixed compability issues with latest EAP's.
    1.20
  • Enabled (automatic) xpi updates from Firefox.
  • Support for Firefox 7.
    1.19
  • Issue 22 Fixed hotkey error.
  • Support custom key binds for all actions.
    1.18
  • Issue 21 Reduce filter for currently opened files.
  • Support for Firefox 5.
    1.17
  • Issue 18 Quick navigation from all nodes with double click or middle mouse click.
  • Issue 19 Toggle option for automatic expand of changes tree.
    1.16
  • Issue 17 Spam protection when using arrow keys in Firebug.
    1.15
  • New settings form.
  • Issue 11 Configurable route mappings.
  • Issue 14 Clear pending changes on page leave or refresh (optional settings).
    1.14
  • Issue 13 Made server IP configurable for remote setup (in about:config, filter on cssxfire for options).
    1.13
  • Also delete trailing semi-colon when removing a declaration.
    1.12
  • Issue 12 Compatible with Firefox 4.
    1.11
  • Fixed linking against latest EAPs.
    1.10
  • Issue 8 Support for addition of selectors.
  • Enqueue incoming changes when in 'dumb' mode (when indices are updated in background).
    1.9
  • Issue 6 Support for CSS media queries.
  • Improved selector search/match accuracy.
    1.8
  • Added navigation buttons (prev, next) in toolbar with automatic jump-to-code.
  • Toolbar filter(s) group with popup and proper descriptions.
    1.7
  • Issue 7 Reduce filter for incoming changes (match specific file only when possible).
    1.6
  • Fixed updating of UI - keeping tree state and put expand icon on correct nodes.
  • Error message and disable tool if local web server cannot be started.
    1.5
  • Issue 2 Support for Firebug Lite (Google Chrome and Firefox).
  • Changes which are invalid may only be removed.
    1.4
  • Issue 3 Trigger automatic upload etc. when applying changes.
    1.3
  • Issue 1 Installation help.
  • Removed Firefox constraint in internal web server.
    1.2
  • Support for removing properties in Firebug.
  • Fixed broken images on help page when not using Firefox.
    1.1
  • Track modifications in source code and invalidate elements in tree view.
  • Offer help page dialog on first run or after upgrade.
  • Declaration nodes (leafs) are navigatable with double-click or enter key.
  • Right-click a node selects it and brings up popup menu.
    1.0
  • Initial version

General usage instructions

CSS-X-Fire consists of two plugins; one for the IDE and one for the browser. Install IDE plugin with Plugin manager or drop the jar in the plugins directory. Then open a project and click the help button in CSS-X-Fire toolwindow for aid with the browser plugin.
Anonymous
26.03.2015
The current 1.38 version works with Phpstorm 8 and Firebug 2. Firebug 3 is currently unsopported, please vote https://youtrack.jetbrains.com/issue/WEB-14355 if you care.
Anonymous
26.08.2012
It just doesn't work - Firefox 14.0.1 and Firebug 1.10.2b1
Anonymous
19.07.2012
Firefox 14.0.1 and Firebug 1.10.0 it doesn't work
Anonymous
21.06.2012
& @Bryan: sorry, offer is for personal devlropees, the only exception is YouTrack. @Alex: You will just waste' 3 months. But you will not need it because the price of renewal (it will be published tomorrow on our site) will be the same as the price of this offer.So you shouldn't worry about this offer and just buy PhpStorm or WebStorm renewal (which will cost the same price as this offer) after your license expires.
06.02.2012
Just use the Plugin Manager and the jar file will be placed in your plugins directory: http://www.jetbrains.com/idea/plugins/index.html
06.02.2012
Where I can download .jar file of this plugin? for phpStorm...
30.08.2011
Amazing plugin, keep up your awesome work dude!
Anonymous
18.06.2011
Hey man , can you make this plugin for Chrome's Web Inspector ?
Anonymous
17.05.2011
great!
Anonymous
23.04.2011
Amazing plugin. Style debugging is very simple
25.03.2011
"Style with pleasure" YES! This is brilliant. Thank you
Anonymous
25.03.2011
+1 for a chrome extension using webkit developer tools .
18.03.2011
Very nice, well implemented, and does more than I would have expected. Cool.
Anonymous
17.03.2011
just found this plugin a few mins ago, did some basic testing and must say i really love it already, so much easier then doing the changes in the css file directly and then go back to browser reload and see how it looks.
Anonymous
20.02.2011
Awesome plugin! Coupla quirks, but, for the most part fits the bill exactly as I need it... would love to see a chrome extension though :)
Please  sign in  to leave a comment.