CSS Refresh ohne Reload, dafür mit JavaScript

Seien wir doch mal ehrlich, was ist die am meisten genutzte Taste auf eurer Tastatur? Richtig! F5 – Reload! ;) Das nervige Reloaden einer Seite kann durchaus Zeit kosten, und macht auch nicht wirklich Sinn, da man ständig den Fokus verliert. In letzter Zeit gibt es deshalb einige Ansätze dem Browser beizubringen automatisch zu reloaden, wenn sich die essentiellen Dateien für die Darstellung der Seite ändern.

Screenshot der CSSrefresh Homepage

Höhere Magie ist das zumindest bei CSS-Dateien nicht (bei Frameworks schon, da eine Seite durchaus aus mehreren Templates zusammen gesetzt werden kann). CSSrefresh ist ein interessantes Skript, das einem einiges an Arbeit abnimmt. Das kleine Skript überprüft die CSS-Dateien auf der Seite auf Änderungen und lädt diese automatisch neu. Furchtbar angenehme Sache! Auf dem einen Monitor die IDE, auf dem anderen der Browser. CSS kurz ändern, kurzer Blick rüber, Resultat ansehen, weiter tippen! ;)

Das Skript kann entweder als Bookmarklet in die Seite injected werden, oder man bindet direkt das JavaScript in den Head ein:

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

Das kleine Skript ist der sinnvollste Helfer, der mir seit Monaten untergekommen ist, probiert es mit dem Bookmarklet einfach mal aus. Es funktioniert super und es spart immens viel Arbeit! ;)

Ähnliche Beiträge

Schnellere Webentwicklung mit MarkerCSS? Mit all den notwendigen Browser-Workarounds, und der generellen Schreibwütigkeit, die man zur Erstellung von CSS aufbieten muss, gehen derzeit viele B...
melonJS – Spieleentwicklung in HTML5 Spieleentwicklung in HTML5 ist "the next big thing" - aber das ist nicht wirklich was Neues. Es geht inzwischen auch nicht mehr wirklich um das ob, so...
Landkarten als Font – Map Glyphs Wer den Blog schon länger verfolgt weiß durchaus, das ich mich sehr viel mit der Darstellung von Objekten auf Landkarten und Umkreissuchen beschäftige...
CSS Crush – noch ein CSS Preprocessor aus De... Ich für meinen Teil bin inzwischen starker Verfechter für den Einsatz von Turbine. Der CSS Preprocessor von Peter Kröner vereinfacht mein Leben nachha...

Eine Antwort auf „CSS Refresh ohne Reload, dafür mit JavaScript“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.