CSS-X-Fire

Compatible with:  IntelliJ IDEA , RubyMine , WebStorm , PhpStorm , PyCharm
15.06.2016
104 058

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.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.