CSS hot reloading

README.md

Moved to CSS auto-reload

css_autoreload.js

// Inspired by http://github.com/adamlogic/auto_update_stylesheets

/**
 * Usage: document.styleSheets[0].reload()
 */
CSSStyleSheet.prototype.reload = function reload(){
  var href = this.href;
  if (href) {
    var i = href.indexOf('?'),
        last_reload = 'last_reload=' + (new Date).getTime();
    if (i < 0) {
      href += '?' + last_reload;
    } else if (href.indexOf('last_reload=', i) < 0) {
      href += '&' + last_reload;
    } else {
      href = href.replace(/last_reload=\d+/, last_reload);
    }
    return this.ownerNode.href = href;
  }
};


/**
 * Usage: document.styleSheets.reload()
 */
StyleSheetList.prototype.reload = function reload(){
  for (var i=0; i<this.length; i++) {
    this[i].reload()
  }
};


/**
 * Usage: document.styleSheets.start_autoreload()
 */
StyleSheetList.prototype.start_autoreload = function start_autoreload(miliseconds){
  if (!start_autoreload.running) {
    var styles = this;
    start_autoreload.running = setInterval(function reloading(){
      styles.reload();
    }, miliseconds || 300);
  }
  return start_autoreload.running;
};


/**
 * Usage: document.styleSheets.stop_autoreload()
 */
StyleSheetList.prototype.stop_autoreload = function stop_autoreload(){
  clearInterval(this.start_autoreload.running);
};