CSSrefresh

CSSrefresh - Update CSS file using javascript without refresh the webpage

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?

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?

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: CSSrefresh uses a XMLHttpRequest to get the modification time of the CSS-files, therefore it only works in a server environment.