to be used in conjunction with http://code.google.com/p/css-x-fire/
PHP
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
tests
vendor
.gitignore
.gitmodules
CssManipulator.php
README.md
autoload.php
dirs.php.dist
index.php

README.md

PHP css-xfire handler

Handle live css manipulation from firebug to modify css source files.

how-to

  • clone the project

    git clone http://github.com/docteurklein/css-manipulator.git css-manipulator cd css-manipulator git submodule update --init

    echo "<?php $dirs = array(DIR.'/css');" > dirs.php

  • make the index.php file accessible at something like http://css.local:8080

  • configure css-xfire extension

    • launch firefox
    • install firebug
    • install css-xfire
    • open about:config
    • configure extensions.cssxfire@cssxfire.* keys to fit your config
  • relaunch firefox

  • edit your css live!

  • observe the diff of your css files located in __DIR__.'/css' (depending on what you put in dirs.php)