Der Editor

Der Editor ist Geschmackssache dazu will ich nicht viele Worte verlieren. Ich verwende vim und bin durch die ganzen Plugins und der Konfigurationsmöglichkeiten sehr zufrieden damit. Quanta und Bluefish sind zwei speziell für web development zugeschnittene Editoren.

kleine Helfer

Ich finde eine Bildschirmlupe die Bereiche des Bildschirms vergrößert darstellt sehr praktisch dazu verwende ich kmag. Um Pixeln zumessen verwende ich kruler, das ein Bildschirmlineal ist das man in alle 4 Himmelsrichtungen drehen kann. Ksnapshot ist ein Programm das Screenshots erzeugt, es ist unter anderen möglich nur ein Fenster oder nur eine Region auszuwählen.

Firefox-Plugins

Der Firefox ist zum Entwickeln besonders geeignet durch die große Anzahl an Plugins.
Mit Firebug und dem Web Developer ist es möglich Informationen aller Art herauszufinden und direkt CSS oder HTML zu ändern. Tamper Data ist ideal um Werte von Formularen abzufangen und die Einträge zu manipulieren. Mit Selenium IDE kann man Navigationen und Interaktionen auf einer Webseite aufzeichnen und abspielen.

Browserchecks

Webseiten sollten auf allen gängigen Browsern funktionieren. Um Webseiten auf Windows zu testen verwende ich virtual box, eine Virtualisierungs Software mit einer Windows XP Installation und allen möglich installierten Browsern. Es gäbe auch das Programm ie4linux das verschiedene IE Versionen mit wine emulieren kann. Leider ist das sehr langsam, nach meiner Erfahrung. Für Safari den OSX Browser verwende ich Konqeuror der ebenfalls wie Safari Webkit verwendet zum rendern der Webseite und man so ziemlich die selbe Darstellung hat. Mit Lynx kann man auch Webseiten im Textmodus testen. Es gibt auch das Webservice browsershots.org die von einer URL mit beliebig einstellbaren Browsern Screenshots erzeugt.

Validierung

Um zu überprüfen ob die Seite valides HTML und CSS liefert, kann direkt der Validator von w3.org zum überprüfen verwendet werden. Wenn die Seite lokal am Rechner liegt kann man tidy verwenden, es gibt auch das Firefox Plugin Html Validator womit man auch offline validieren kann.

Server-Technik

Da auf den meisten Servern auch ein Linux lauft ist es natürlich klar das man auch die selbe Server-Technik lokal am Desktop installieren kann. Ein Webserver wie den Apachen lässt sich genau so einfach wie MySQL, PHP, Django oder Rails mittels aptitude installieren.

1. Mit curl von der Komandozeile aus twittern:

   curl -u Benutzername:Passwort \
   -d status="Nachricht" http://twitter.com/statuses/update.xml

2. Suchen und Ersetzen mit einem Ruby Einzeiler:

   ruby -i.bkp -pe "gsub(/suche/, 'ersetze')" *.php

   Hier werden alle PHP Dateien in dem aktuellen Ordner ersetzt und zusätzlich wird eine Backup Datei (.bkp) erstellt.

3. Einen Ordner via ssh mittels rsync clonen:

   rsync -avz -e 'ssh -p portnummer' user@host /Quellordner /Zielordner

   Wird der Quellordner ohne abschliessenden / angegeben, so wird der Quellordner selbst kopiert. Ansonsten nur der Inhalt

4. Datenbank von einem anderen Server via ssh übernehmen:

   ssh user@host mysqldump -u dbuser_server -p dbpwd_server databasename \
   --lock-tables | mysql --verbose -u dbuser_local -p dbpwd_local

5. Verschlüsselte Text-Datei mit Vim anlegen:

vim -x datei

Eine Datei wird mit dem Schrägstrich / im Kommandomodus ESC durchsucht. Natürlich kann hier auch regular expression angewendet werden:

/^require

Mit n gelangt man zum nächsten Treffer. Um auf den Treffer davor zu kommen drückt man N.

Auf einer Zeile suchen

Beim Navigieren in einer langen Zeile ist f sehr hilfreich. So springt der Cursor bei f > auf die erste Übereinstimmung, mit dem Zeichen >. Ein F > sucht von der aktuellen Cursor Position von rechts nach links weiter. Um zum nächsten Treffer zu gelangen reicht ein ;.

In mehreren Dateien suchen

Dateien können mit grep durchsucht werden:

:grep require *.rb

gefunden werden alle Dateien die das Wort “require” beinhalten und die Dateiendung rb haben. Ein Ergebnis könnte in etwa so aussehen:

Press ENTER or type command to continue
start.rb:4:require 'open-uri'
model.rb:1:require 'active_record'
youtube.rb:1:require 'nokogiri'
youtube.rb:2:require 'open-uri'

Drückt man nun ENTER wird sofort der erste Treffer start.rb mit Cursor auf Zeile 4 in Vim geöffnet.

Um eine Liste der gefunden Ergebnisse zu erhalten, wird ein :cl im Kommandomodus ESC gemacht:

:cl
1 start.rb:4:require 'open-uri'
2 model.rb:1:require 'active_record'
3 youtube.rb:1:require 'nokogiri'
4 youtube.rb:2:require 'open-uri'

Um z. B. auf den letzten Treffer zu gelangen, wird die erste Zahl (4) bei den Treffer angegeben.

:cc 4

Es ist natürlich auch möglich bekannte grep Funktionen wie -r für rekursive Suche oder -P für Perl regular expression, zu verwenden.

Einstellungen für die .vimrc

Die erste Einstellung soll schon bei der Eingabe, die ersten Ergebnisse anzeigen und nicht erst beim Absenden des ganzen Suchbegriffes:

set incsearch

Eine weitere Einstellung ist hlsearch. Sie zeigt alle Treffer an und nicht nur den ersten Treffer in der Datei.

set hlsearch

Das Suchtreffer in Vim dauerhaft markiert bleiben, finde ich eher störend, darum habe ich mir in meiner vimrc die ENTER Taste so belegt das sie die Markierung aufhebt.

nnoremap  :nohlsearch/

Damit kann ich nach der Suche, wenn ich die Markierungen nicht mehr benötige einfach ein ENTER drücken und sie verschwinden.