To try the thousands of add-ons available here, download Mozilla Firefox, a fast, free way to surf the Web!Close
Welcome to Firefox Add-ons.
Choose from thousands of extra features and styles to make Firefox your own.Close
CSS Live Reloader 1.0.1-signed.1-signed No Restart
CSS Live Reloader is a firefox extension to ease website CSS development. The extension reloads a page CSS whenever it changes on the server, resulting in something close to live editing of the Cascading Stylesheet.
About this Add-on
Demo screencast on vimeo
How does it work?
To detect changes to the CSS, the extension relies on a WebSockets daemon running on the same webserver the page originated from. The daemon pushes down notifications whenever it detects changes to the CSS.
Even without a notifier running, the extension behaves normally, albeit without the live component. You may press F9 to request a refresh of the current page CSS.
Simple usage requires nothing more than the installation of the extension. Press F9 whenever you wish to reload the page CSS.
Live CSS updates require installation of a notification daemon on your development server (or localhost if that is the case). See the available notifiers on github.
Once you have the notifer installed and running, visit the webpage under development. Press F9. The extension will refresh the CSS and establish a connection to the notifier daemon. From here on, any change to a CSS file will automatically trigger a refresh of the page's CSS in the browser.