Das Wunder des Live Reloads

Ich zeige mich ja selten begeistert von Neuerungen muss ich sagen, ich könnte durchaus noch mit dem Notepad entwickeln wenn ich es wollte. Nach wochenlanger Quälerei (und das meine ich genau so) habe ich mich aber dermassen an PHPStorm gewöhnt, das ich einen anderen Editor nicht mehr in Betracht ziehe. Was aber wirklich zu einer der nervigsten Sachen der Web-Entwicklung gehört, ist die F5-Taste bzw. der permanente Reload von Seiten in Browsern beim Entwickeln.

Screenshot von LiveReload auf dem Mac

Gerade bei der Entwicklung von CSS ist die Sache mit dem Tab und dem F5 durchaus nervig. Benutzt man SASS hat man unter Umständen sogar einen Schritt mehr. Einer meiner Lieblings-Anwendungen der letzten Monate ist LiveReload geworden, das für den Mac und den PC verfügbar ist. Ganz einfach ausgedrückt leistet der kleine Helfer folgendes: Mittels einer Monitoring-Funktion überwacht es Dateien in frei definierbaren Verzeichnissen, sollte sich eine Datei ändern wird im Browser automatisch ein Reload ausgeführt.

Der Reload an sich kann dabei auf 2 Wegen erfolgen: a) man fügt ein kleines Stück JavaScript in den Head der betreffenden Seite ein, oder b) man installiert eine Browser Extension. Letzteres ist mein präferierter Weg. LiveReload kann allerdings noch ein bisschen mehr: Es kann bei einem Monitoring auch auf die üblichen Verdächtigen angesetzt werden (SASS, LESS, Stylus, CoffeeScript, …) und diese bei einer Änderung automatisch compilieren. Ferner kann nach eventuell vorhandenen Änderungen ein frei definierbares Kommando ausgeführt werden. Simple Idee, gut umgesetzt, und es erspart TONNEN an Zeit und entlastet durchaus die Taste F5! ;)

Ähnliche Beiträge

jQuery.sheet – Excel Spreadsheets für jQuery Es gibt da durchaus ein oder zwei Sachen, in denen man sich in Javascript die Finger bricht und man froh ist, dass es zum Beispiel jQuery gibt. Sinnvo...
piCSSel-art – Lustige C64 Sprites in CSS Dieser ganze HTML5-Spiele-Hype erinnert mich in seinen Resultaten immer mehr an den C64. Immer mehr Klassiker kommen für iOs auf den Markt, ohne das m...
Multiple File Uploads, HTML und Open Source Formulare lassen sich inzwischen ganz gut designen, allerdings gibt es ein Formularelement, das alle Design-Versuche vehement abwehrt: der Dateiupload...
SlickMap – Sitemaps schnell und einfach als ... Es gibt nicht einen Kunden, der nicht auf seiner noch so winzigen Homepage eine Sitemap haben will. Der tiefere Sinn erschliesst sich zumeist nicht. W...

2 Antworten auf „Das Wunder des Live Reloads“

    1. Siehst du, das meinte ich mit PHPStorm und Quälerei. Das Teil ist so mächtig, es ist fast unmöglich alle Funktionen zu kennen ;)

Schreibe einen Kommentar

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