Werkzeuge für die reibungslose Web-Entwicklung

Wenn man Haupt- und Nebenberuflich als Webentickler arbeitet ist es wichtig das man eine gute Entwicklerumgebung hat und schnell entwickeln und auf  Probleme reagieren kann. Es hat eine Weile gedauert bis ich mein Setup zusammen hatte, aber nach einigen Test und Fails hier nun eine Liste mit den Tools welche ich für den täglichen Einsatz als Webentwickler einsetze.

Coda

Coda ist ein Traum von einem Editor. Der Editor ist einer der besten Editoren die mir jemals unter die Augen gekommen ist.
Coda ist eigentlich nicht nur ein simpler Code Editor sondern eine Sammlung mehrere aus mehreren Programmen, im genaueren meine ich damit einen Code Editor, CSS Editor, FTP & SFTP Client, SSH Terminal und einen Subversion Client.

Trotz der vielen zusätzlichen Programme ist das Kernstück immer noch der Editor welcher mit so genannten “Clips” erweitert werden kann. Diese Clips  sind Code-Fragmente die man häufig braucht und nicht immer neu zu schreiben braucht. Desweiteren kann die Funktionalität des Coda Editor mit Plug-Ins erweitert werden.

Hier meine lieblings Plug-Ins:

• Formular Generator
• Javascript Tools
• Coda Code Compression Plugin

Coda gibts zu einem Preis von 99 Dollar. (diese 99 Dollar sind sehr gut angelegt)

Tunnelblick & Viscosity

Tunnelblick ist ein simpler, grafischer OpenVPN Client um sichere Verbindungen zu Servern via VPN herzustellen.
Das Programm ist sehr minimal gehalten und erfordert einwenig Know-How um es zu konfigurieren.
Wer auf Windows und Mac Systemen arbeitet kann die OpenVPN Konfigurationsdatei von seinem Windows PC ohne Anpassungen auf den Mac kopieren. Wem dies aber zu minimal ist sollte sich die APP Viscosity anschauen. Die App bietet eine bessere grafische Oberfläche aber kostet 9 Dollar.

Cyberduck

Cyberduck packt einen SFTP- und FTP-Browser auf den Mac. Unter einer leichten, anwenderfreundlichen Benutzeroberfläche vereint das Open-Source-Programm alle wichtigen Eigenschaften eines FTP-Clients – und einiges mehr. Dieses Programm verwende  ich wenn ich zb. nur Dateien auf einen Server laden muss ohne etwas zu direkt editieren oder aus einem SVN auschecken muss.

Browser Testing

Leider nimmt das testen von Webseiten auf den verschiedenen Browsern imme nroch sehr viel in Anspruch.. währe das nicht das Browserlab von Adobe.
Nach dem Registrieren beim Browserlab kann man sich ein Browser Set mit den Browsern erstellen welche man braucht, anschliessend muss oben nur noch die URL der zu testenden Webseite eingegeben werden und Adobe erstellt einen Screenshot mit jedem angegebenem Browser.

Leider funktioniert das ganze nicht wenn man seine Webseite Passwortgeschützt hat, aber dafür ist es gratis und schneller als wenn man jeden Browser einzeln testet.

Browser Plug-Ins

Da ich grundsätzlich mit dem Firefox durch die Weiten des Internets surfe habe ich hier eine Liste mit nützlichen Firefox Plug-Ins.

• Firebug – Debugging leicht gemacht
• Web Developer – Viele nützliche Tools zur Fehleranalyse
• YSlow – Webseiten analysieren
• ColorZilla – Farbpicker
• MeasureIt – Massstab zum ausmessen von Elementen

Skitch

Skitch ist ein kleines Tool um zb. Screenshots zu bearbeiten oder mit Notizen und Pfeilen zu versehen um Änderungen ganz einfach darzustellen. Es hat eine ultra leichte Benutzeroberfläche und kann ein bearbeitetes Bild in den meisten gängigen Formaten speichern. Meine lieblings Funktion bei dem ganzen ist, dass  man ein Bild direkt via Skitch in sein Skitch Sammelsurium laden kann um es dann einzubinden, zu zeigen oder zu verschicken.

Hochgeladene Bilder können als öffentlich oder privat markiert oder mit geheimer URL erreichbar gemacht werden, zusätzlich können andere User diese Bilder kommentieren.. was das ganze erst so richtig produktiv macht ;)