Hinweis: Inhalt veraltet, bedarf einer längst überfälligen Aktualisierung!

Mein Workflow zur (amateurhaften ) Webentwicklung ist eigentlich recht einfach. Die Ideen und Layoutentwürfe entstehen meist als schnelle Handskizzen auf dem Papier. Grafisch umgesetzt werden sie dann mit Hilfe von Gimp und werden entsprechend für die Webseite aufbereitet.

Die Umsetzung des Layouts und der Inhalte nach den Standards XHTML und CSS erfolgt im Editor Vim, begleitet von der visuellen und validativen Überprüfung im Firefox.

Für die Browserkompatibilität werden natürlich weitere verbreitete Webbrowser und verstärkt Tassen mit unterschiedlichen Füllständen zu rate gezogen. Je nach dynamischen PHP-Anteil ist ebenfalls ein lokaler Webserver vorhanden.

Hauptvorteil der Programme Vim, Gimp und Firefox ist die quasi erreichte Betriebssystemunabhängigkeit, denn es ist egal ob ich an einem mit Linux/Unix/BSD, OSX oder Windows ausgestatteten Computer sitze.

Bildbearbeitung

Gimp … geballte Opensourcepower der Grafikbearbeitung, welche mir als Laie die sehr kostenintensiven Profitools wie beispielsweise Photoshop ersparrt und die Kreativität so nicht am Geldbeutel scheitert.

Inkscape …

Universelle Editoren

Vim … mein Schweizer Taschenmesser unter den Editoren, egal ob Texte, Dotfiles oder Quellcodes. Ich hab mich mittlerweile so daran gewöhnt, dass ich in anderen Programmen meist unbewusst ‚:w‘ oder ‚dd‘ schreibe.

Smultron …

Spezielle Editoren

CSSEdit … ein spezialisierter Editor unter OSX nur für CSS-Styles mit einer integrierten Livevorschau. Es ist wirklich sehr komfortabel damit an den Stylesheets zu schrauben. CSSEdit hat zumindest unter OSX seinen Weg zu Gunsten des Komforts in meinen Workflow gefunden.

Webbrowser

Firefox … der auf meine Bedürfnisse am besten anpassbare Webbrowser. Gerade die möglichen Erweiterungen um nützliche Funktionen machen ihn zu meiner ersten Wahl. Hilfreiche Erweiterungen wären:

• Firebug – Tool zur Bearbeitung und Analyse von Webseiten
• Html Validator – Information zur Webseitenvalidierung
• Web Developer – Symbolleiste zur Analyse von Webseiten
• weitere Informationen unter blog.tigion.de/firefox

Safari …

Opera …

Camino …

Shiira …

Internet Explorer …

sFTP-Programme

Cyberduck …

WinSCP …

Lokale Webserver

Apache mit PHP …

MySQL …

Mamp …Wamp …

Xamp/Lamp …

Programme im Test und Notizen

Um mal über den Tellerand zu schauen was es sonst noch so an hilfreichen Programmen gibt, auch wenn sie vielleicht Betriebssystem gebundener bzw. kostenintensiver sind, teste ich nebenbei einige Alternativen. Momentan wären das:

TextMate … ein universeller Editor für OSX. Man hört vom Mac nutzenden Völkchen recht viel und interessantes über ihn, aber bis jetzt hat es mich noch nicht so recht animiert die Testversion mal zu starten … vielleicht lasse ich mich ja noch überzeugen.

Coda …