Trotz der Krise

Lange war es ruhig seit dem letzten Post zu diesem Thema, doch hoffe ich, ihr konntet die Zeit gut nutzen, um euch etwas in git einzuarbeiten.

In diesem letzten Teil der Serie “Website Management mit Git” komme ich zum eigentlichen Kernpunkt: wie kann man die eigene Website mit git administrieren. Wenn ihr bis jetzt meinen Ausführungen gefolgt sein, sollte dieser letzte Schritt nur noch ein Klacks sein und ich denke, der Beitrag wird auch eher kurz. Also, starten wir.

Grundlegender Ablauf und Idee

Als Webentwickler hat man meist eine lokale Version der Webseite, an welcher man arbeitet. Sobald die Seite ausgehend getestet ist, werden dann die Änderungen (meist per FTP) auf den Server geladen. Mit git gestaltet sich dieser ganze Prozess noch viel schneller und einfacher. Sobald die Webseite in Ordnung ist, reicht es 1 Befehl einzutippen und alle Änderungen werden auf den Server übertragen. Da git die Dateien komprimiert und auch nur die Änderungen hochlädt, ist die Aktualisierung auch um einiges schneller. Dies sind die Schritte im Überblick:

1. Webseite für die Arbeit mit git lokal vorbereiten

2. Webserver vorbereiten

3. Lokale Webseite mit dem Webserver verbinden

Weiter lesen

Nach einiger Zeit der Pause, nehme ich doch den zweiten Teil meiner Anleitung in Angriff. Im ersten Teil ging es darum, wie man git bei einem webhoster installieren kann. Nun geht es ans Eingemachte und wir werden die grundlegenden Arbeitsweisen von git kennenlernen. Auch wenn git ziemlich umfangreiche Funktionen bietet, braucht man im Alltag nicht viel zu wissen. Erst wenn man direkt in das Repository (das heisst den Snapshot der gespeicherten Dateien) eingreifen will, muss man teils recht knifflige Befehle eingeben. Da aber git prinzipiell “out-of-the-box” funktioniert, kann man mit einfachen Funktionen beginnen und später, wenn man dann unbedingt etwas bestimmtes bewerkstelligt haben will, das Netz nach Antworten durchforsten.

An dieser Stelle möchte ich allen wärmstens das kostenlose ebook “Pro Git” empfehlen:

http://progit.org/book/de/

Bevor wir loslegen können, müssen wir git natürlich erst einmal lokal installieren. Dazu gibt es verschiedene Möglichkeiten:

Weiter lesen

Seit einer Woche arbeite ich nun mit git. Was ist git und warum bin ich so angetan davon?

git ist ein Versions-Kontroll-System, das heisst, wann immer man eine Datei speichert, kann davon ein Backup gemacht werden – einfach gesagt. Wir alle kennen Backup-Systeme, oder sollten zumindest eines kennen. Zu schnell sind wichtige Daten gelöscht oder nicht mehr auffindbar. git kann aber noch viel mehr, als bloss ein Backup erstellen. Es erstellt quasi einen “Snapshot” aller Dateien und Ordner zu einem gewissen Zeitpunkt. Man kann also immer wieder zu einem Zustand in der Vergangenheit zurück kehren. Das kennen wir Mac Benutzer seit TimeMachine auch schon, doch kann git gezielt eingesetzt werden, um verschiedene Versionen zu managen.

Insbesondere kann man genau sagen, was passieren soll, wenn ich etwas mache. Also zum Beispiel, lade alle neue Dateien auf den Webserver hoch, sobald ich mit einem Zustand zufrieden bin. Da git nun nur die Änderungen kopiert und diese noch verpackt, ist dies in kürzester Zeit gemacht. Es gibt kein manuelles Hochladen per FTP mehr. Auch kann man zuerst alle Dateien genauestens lokal überprüfen. Ein Klick und alle Dateien sind auf dem Server gespiegelt.

Und wenn irgend etwas schief geht, dann geht man einfach zu einem Zustand vorher zurück. Natürlich funktioniert dies auch in sehr kurzer Zeit.

Dies ist bloss eine der vielen Anwendungen von git. In der Regel ist git dazu gedacht, in einem Team an gemeinsamen Projekten zu arbeiten. Dies ist jedoch schon sehr ausführlich dokumentiert und ich möchte in diesem Post (wird wohl in diverse Serien unterteilt werden) auf meinen Workflow für das Administrieren von Webseiten eingehen.

Weiter lesen

Es ist ja ein leidiges Thema, doch kommt kaum ein Webdesigner darum herum, die erstellten Seiten auch unter dem Internet Explorer für Windows zu testen. Dazu gibt es verschiedene Ansätze:

- Internetdienste wie browsershots.org oder Adobe Browserlab

- Software, die Windows emulieren bzw. virtualisieren

- Eine Testmaschine benutzen, auf welcher Windows installiert ist

Auch wenn die Internetdienste für den ersten Eindruck meist genügen, zeigt sich, dass die Funktionalität bzw. Dinge, welche per Javascript geändert werden, nicht zu 100% funktionieren. Daher ist es ein Muss, Windows auf irgend eine Art verfügbar zu haben.

Doch fangen da die Probleme erst an, denn in der Regel kann man nur 1 Version des Explorers installiert haben. Früher konnte man noch das Tool “MultipleIE” verwenden, um die Webseite gleichzeitig unter verschiedenen Versionen zu überprüfen. Doch leider scheint es seit IE8 nicht mehr möglich zu sein, mehrere IE-Installationen mit diesem Tool zu verwenden. Eine Lösung wäre die IE Collection, welche alle Versionen von 1-8 bietet. Doch gibt es, soweit es mir bekannt ist, noch keine Lösung, den IE9 da einzubauen. Somit braucht man momentan mindestens 2 Lösungen (IE9, IE8 und kleiner).

Seit Jahren verwende ich nun schon das Produkt “Parallels” von der gleichnamigen Firma, um meine Webseiten zu testen. Seit dem IE8 musste ich jedoch separate “Virtuelle Maschinen” für jede IE Version erstellen. Das ist nicht nur ein enormer Festplattenspeicherfresser, sondern macht das Arbeiten auch wenig intuitiv, da das Programm doch ziemlich leistungshungrig ist und der Betrieb mehrere virtuellen Umgebungen meinen Mac deutlich ausbremst. So musste ich immer erst eine Umgebung pausieren, zur anderen Wechseln und diese starten.

Dabei geht es auch einfacher durch die Benutzung von “Snapshots”. Dieses Feature habe ich erst gestern das erste Mal eingesetzt und frage mich, wieso ich nicht schon früher darauf gekommen bin. Mit diesen Snapshots kann man einen Zustand des Systems quasi “Abknipsen” und speichern. So ist es möglich, in relativ kurzer Zeit zwischen zwei (oder noch mehr) Zuständen zu wechseln. Ich habe nun einen Zustand “IE8″ und einen für “IE9″ in Gebrauch und muss sagen, das Testing macht so deutlich mehr Freude, sofern einem diese Arbeit wirklich Freude bereiten kann.