What is it?

What?

CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser.

Why would I need it?

Why?

When you're coding a website, nothing can be more frustrating than having to switch from the texteditor to the browser over and over again, just for small changes to occur. With CSSrefresh installed, all the included stylesheets are automatically refreshed directly after you save them.

How do I use it?

How?

Using CSSrefresh is easy. You can either include the javascript-file in your webpage, or use the bookmarklet.

Get the script

Download the file: CSSrefresh.js
and include it in your webpage:

<head>
   <link rel="stylesheet" type="text/css" href="css/site.css" />
   <script type="text/javascript" src="js/cssrefresh.js"></script>
</head>

Note: Only CSS-files included before the CSSrefresh-file will be refreshed.

Get the bookmarklet:

For easy access, on any webpage.

Just drag this button to the bookmarks bar. CSSrefresh

Note: CSSrefresh uses a XMLHttpRequest to get the modification time of the CSS-files, therefore it only works in a server environment.