Edit, preview changes and save all your project's CSS stylesheets live in the browser.
A CSS live Editor that allows you to preview realtime CSS changes and then save your changes.
It saves dated backups of each save, so you can go back if it breaks, and you should erase backups once on a while.
It's a port from a Drupal module Live CSS http://drupal.org/project/live_css by guybedford http://drupal.org/user/746802
Now using ACE editor http://ace.ajax.org/
Tested on WordPress 3.6. But needs more testing !
=capabilities.php problem (not bug) SOLVED !=
Ok, now I did the correct thing and created an action to the wp_loaded hook to init the plugin, then,
check whether the user can "erase themes" which is an Admin capability only, so the plugin only works if you are an admin.
No need to modify the capabilities.php nor anything else.
Some users have had problems in former 12.05 release with their site being inaccesible after installing the plugin.
It all seemed to be part of the same problem with the capabilities.php file that is discussed here:
http://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32
It works nice and perfect for me, but still needs testing !!!
Screenshots
The live css editor with the header changed to red
FAQ
Will it let me edit the theme’s CSS, or just any CSS ? Can I choose which are editable ?
You can edit any and all CSS files that are loaded in the page. As long as they have write permission, and you are logged in as an administrator.
ChangeLog
13.09
Big thanks to pingram3541 for his forum posts that corrected some very ugly bugs.
I’ve been very busy and away from computers for a while. Better late than never.
- Fixed saving issue that wreaked the file by creating ugly and recursive escape chars \\\\\\\\\: https://wordpress.org/support/topic/backslahes-added-css-broken
- Fixed theme ‘setting’ that should allow better reading. Kept twilight, though, still you can change the theme manually editing both the js and php files: https://wordpress.org/support/topic/background-color-or-themes
- Moved it all down below the wp admin bar so the css selector isn’t hidden: https://wordpress.org/support/topic/sidebar-28px-top-for-wpadmin-menu
- Fixed messing around with admin pages: https://wordpress.org/support/topic/editor-left-open-causes-admin-to-break
12.06
- pluggable.php and capabilities.php load order problem that made the site inaccesible SOLVED using the wp_loaded hook
12.05
- Updated from guybedford’s module http://drupal.org/project/live_css
- Dropped less suport for simplicity
- You have to be logged in as an administrator to see and use the plugin
- Uses ACE editor which solves most of commented bugs and needed features (wild slashes, search in the css editor, undo keyboard shortcuts…)
11.05
- First Commit ! release 2011-05-15
- Now using wp_enqueue_scripts adn wp_enqueue_styles to correctly inject stylesheets and scripts
- Not for production sites, just for design and development time. Needs roles and permissions settings, though only logged in users can actually save changes, any visitor can see it in action.
- If it doesn’t save changes, it’s probably a permission problem with the CSS file (Or you are not logged in)
- Will need to clean up backups manually via FTP when you are done, as they might be a lot and counting ! A restore version system would come in handy…
- Seems to be fixed, but for a while the plugin was inflating the CSS files in each save by swarming trillions of slashes before every single and double quote
- Fixed a BUG where relative urls wouldn’t find the wp-admin/admin-ajax.php file, thanks to Gary Cao’s wonderful tips: http://www.garyc40.com/2010/03/5-tips-for-using-ajax-in-wordpress/#js-global
- Please ! Backup your CSS files before using it the first time, just in case !
- No plugin options nor admin page
- A JSON helper for older PHP versions is there, but untested yet.
- A floating window / drawer might be better than narrowing the whole page.