Comments on: Reload CSS Every… Bookmarklet

By: Weekly Freebies: 15+ Useful Bookmarklets for Designers | Design Shack

Weekly Freebies: 15+ Useful Bookmarklets for Designers | Design Shack — Wed, 27 Apr 2011 11:34:53 +0000

[...] ReloadCSSEvery [...]

By: Weekly Freebies: 15+ Useful Bookmarklets for Designers | Content Store

Weekly Freebies: 15+ Useful Bookmarklets for Designers | Content Store — Tue, 26 Apr 2011 17:17:24 +0000

[...] ReloadCSSEvery [...]

By: JungleJar | 6 Great Web Browser Addons / Bookmarklets For Web Developers

JungleJar | 6 Great Web Browser Addons / Bookmarklets For Web Developers — Tue, 09 Jun 2009 08:44:31 +0000

[...] Reload CSS Every.. [...]

By: Excellent web design tools | Design-Notes

Excellent web design tools | Design-Notes — Fri, 24 Apr 2009 15:21:39 +0000

[...] Css reload : reloads CSS style sheet every 2 seconds. [...]

By: 32 Indispensable Bookmarklets for Web Developers and Designers : Speckyboy Design Magazine

Mon, 16 Feb 2009 10:33:03 +0000

[...] Bookmarklet : Reload CSS (Drag & Drop this link to your toolbar) Description: Reload CSS refreshes only the CSS of a loaded page every 2 seconds so you can use your CSS editor of choice and see semi-real-time changes in your browser when you save. Via : MrClay.org. [...]

By: Dan

Dan — Thu, 14 Aug 2008 05:16:13 +0000

Thanks for a great bookmarklet! I made a small modification to the javascript to enable on/off of CSS refreshing. Bookmarklet Hope the code comes through OK.:

(function(){
	if ( typeof document.__recss != 'undefined' ) {
		clearInterval(document.__recss);
		delete document.__recss;
	} else {
		document.__recss=setInterval(function(){
			var qs='?'+new Date().getTime(),l,i=0;
			while(l=document.getElementsByTagName('link')[i++]){
				if(l.rel&&'stylesheet'==l.rel.toLowerCase()){
					if(!l._h)
						l._h=l.href;
					l.href=l._h+qs
				}
			}
		},6000);
	}
})();

One last thing - this hasn't been tested in IE, but works in Firefox. ;)

By: Blog[nbsp] » Blog Archive » Bookmarklet para recargar la CSS en línea

Blog[nbsp] » Blog Archive » Bookmarklet para recargar la CSS en línea — Tue, 25 Sep 2007 15:45:52 +0000

[...] La comprobación de LINK la he copiado de: MrClay.org [...]

By: Kelley

Kelley — Thu, 14 Dec 2006 20:45:14 +0000

bless you.

By: Taylor

Taylor — Thu, 07 Dec 2006 02:51:36 +0000

Oh well. I appreciate your efforts. For personal projects this will be useful (I usually only use one stylesheet for commercial stuff) but for stuff like UF and Gawker we seperate everything out into a million sheets.

By: Steve

Steve — Wed, 06 Dec 2006 02:15:50 +0000

@Taylor: I got close, but I think this isn't possible. Although IE/win supports the CSS DOM CSSImportRule interface, and will let you set the href to reload an @import, the CSS DOM gets tight-lipped after the file is reloaded and won't let you access the imports anymore.