Darüber haben sicher schon viele Entwickler geschrieben: Die passende Testumgebung möglichst mit freien Tools zusammenzustellen. Ich mache das mal als eigene Gedächtnisstütze und für die, die es brauchen können .

• Entwicklerleiste
  Die Entwicklerleiste ist inzwischen standardmäßige im FF vorhanden.
  Sie enthält diverse Validatoren, CSS-Editor, Browser-Verkleinerer, Funktionen zum Ausblenden von CSS, Bildern, Leeren von Cache und Cookies u.v.m. Einige Funktionen lassen sich nach Bedarf anpassen.
• DOM Inspector
  Ist ebenfalls bereits im FF enthalten, muss aber bei der Installation im Modus “benutzerdefiniert” über die Checkbox aktiviert werden.
  Der Inspector ist ein mächtiges Tool zur Analyse der Seitenstruktur samt der enthaltenen Elemente (DIVs, H1-6, p, img usw.). Neben den Elementen werden jeweils die CSS-Eigenschaften angegeben. Darüber hinaus lassen sich Elemente entfernen oder CSS-Angaben verändern und life anzeigen. Verschiedene Szenarien können damit direkt ausprobiert bzw. Styles auf Machbarkeit geprüft werden. Ein Einsteiger-Tutorial in deutsch gibt’s bei stichpunkt.de.
• IE Tab und Launchy
  sind brauchbare Plugins für den Browser-Test. IE Tab zeigt die aktuelle Seite mit der jeweils installierten IE-Browser-Engine direkt in FF an. Auch lässt sich festlegen, ob bestimmte Seiten immer per IE Tab aufgerufen werden sollen. Das ist dann interessant, wenn Zugriffe auf die Seite (Formulare, Web-Editoren etc.) nur für den IE optimiert sind. Launchy startet sonstige Browser und Programme, die auf dem Rechner installiert sind. Welche Programme das sein sollen, lässt sich konfigurieren. Beide Aktionen werden jeweils über die rechte Maustaste in der aktuellen Seite aufgerufen.
• Measure-It und Colorzilla
  sind sehr hilfreich, um die angezeigte Webseite zu vermessen bzw. Farbwerte zu kontrollieren. Bilder, Div-Boxen, Schrifthöhen oder Abstände zwischen den Elementen einer Webseite lassen sich mit Measure-It abmessen, allerdings nur in Pixelwerten. Die Pipette von Colorzilla gibt den Hex-Wert der angesteuerten Farbe aus.
• Flash-Switcher
  finde ich ein tolles Tool, denn damit kann ich ältere Versionen des Flash-Players simulieren oder das Plugin deinstallieren. Ich muss nicht mehr verschiedene Plugin-Versionen in meinem Browsern vorhalten, sondern kann Browserweichen und Alternativ-Texte bequem über den Switcher testen.
• HTML Validator (CSE HTML Validator)
  Das Validator-Plugin benötigt die CSE HTML Validator-Engine zur Anzeige von Skriptfehlern, Zeilennummern oder CSS-Hinweisen. Neben dem FF-Plugin muss daher zusätzlich der CSE-Validator auf dem Rechner installiert sein. Ruft man den Quellcode auf, erhält man detaillierte Fehlerhinweise.
• Fangs
  ist hilfreich bei der Erstellung barrierefreier Seiten. Es simuliert den Leseablauf eines Screenreaders. In der Hauptansicht zeigt es die Abfolge der Überschriften (h1-h6), gibt Links an und kennzeichnet vorhandene Sprachwechsel. In zwei weiteren Reitern werden a) alle genutzten Überschriftenformate in der vorhandenen Reihenfolge und b) Linktexte angezeigt. Damit lässt sich leicht überprüfen, ob H-Formate ordnungsgemäß geschachtelt sind und Links sprechende Bezeichnungen haben oder diese evtl. doppelt vorkommen.
• Greasemonkey
  Mit Greasemonkey lassen sich alternative Stylesheets managen und auf die angezeigte Seite anwenden. Das ist hilfreich bei der Entwicklung barrierefreier Seiten, um die Auswirkung von nutzerdefinierten Styles (bestimmte Farbwelten oder größere Schriften) auf das eigene CSS-Arangements zu zeigen. Auch ein Styleswitcher lässt sich so lokal ohne Server simulieren.
• Firebug
  Und dann gibt es noch Firebug. Dieses Tool legt gegenüber dem DOM-Inspector noch ein paar Funktionen drauf. Damit lassen sich nicht nur HTML, CSS und Javascript inspizieren, man kann seine Skripte damit auch editieren und debuggen. Die Anzeigefunktionen sind zudem komfortabler als im DOM-Inspector. Allerdings musste ich mich erstmal einarbeiten, was ich bisher noch nicht wirklich geschafft habe.
  Aber es gibt auch dafür einige hilfreiche Tuts z.B.:
  • www.photoshop-screencast.de/tutorials/firebug.mov
  • www.digitalmediaminute.com/article/2157
  • bueltge.de/firefox-add-on-firebug-fuer-webentwickler-ein-muss/294/

Klar gibt es noch mehr Tools. Aber das sind für mich die wichtigsten und es soll ja auch übersichtlich bleiben in der Testumgebung .

So wie hier zum Beispiel, auf der Karte habe ich mal unsere Standorte eingetragen. Wer mag, kann bei den Erklärungen zu den (hier verschieden gewählten) Markern auch (formatierten) Text, Bilder etc. einbinden; auf der Karte lassen sich auch weitere Gadgets einfügen.

Größere Kartenansicht

PayPal und Ebay haben übrigens tatsächlich ein zusätzliches Verfahren für das Einloggen in ihre Mitgliedskonten eingeführt, einen Security Key. Aber dieser ist Hardware und Hardware ist nicht immer böse.
Das kleine, unauffällige, graue Teil muss nach dem käuflichen Erwerb aktiviert werden und erzeugt dann bei jedem Knopfdruck eine ich glaube sechsstellige Zahl, die für einen erfolgreichen Einlogvorgang zusätzlich zum Passwort nötig ist.
Gerade, wer öfter mal mit PayPal bezahlt, weil es ja wirklich sehr bequem ist, sollte sich die Anschaffung des Security Key überlegen. Mehr Infos dazu gibt es hier.

Das hatte ich ganz vergessen, bzw. beim letzten Einloggen waren die Einladungen irgendwie unauffindbar; jedenfalls, Joost informierte mich gerade, dass ich noch zwei freie Invitations besitze, die zum 22. März verfallen.
Es gibt Joost inzwischen auch für’n MAC, wäre ja mal interessant zu erfahren, ob es da genauso gut funktioniert, wie mit Windows.

Möchte jemand eine Einladung dazu haben? Dann bitte in den Kommentaren melden. First come, first serve.

Nachtrag 24.04.2007: Eigentlich sollte mit dem letzten Release wieder Einladungen verteilt werden, doch sind die aus irgendeinem Grund bisher nicht bei allen angekommen. Sobald sich was neues ergibt, sach ich bescheid, näch.

Die Standardkonfiguration beschreibt 1und1 ausführlich in der FAQ.

Allerdings sind die Kästchen mit dem Pfeil dort nicht abgehakt. Nachdem ich die beiden Häkchen gesetzt habe, geht es jetzt deutlich schneller mit dem Verbindungsaufbau.

Übrigens: 1und1 ist es offenbar bekannt, dass es Verbindungsprobleme gibt (s. FAQ). Bei der Bestellung der Fritz-Box oder eines Exchange-Postfachs wird man aber leider nicht vorgewarnt. Und die Alternative, die Fritz-Box nur als DSL-Modem zu fahren, ist für mich indiskutabel. Wenn ich einen Router einkaufe, dann will ich auch einen haben .

Ausser einem komfortabel verwaltbaren Feedreader für RSS und Atom bietet OmeaPro noch eine ganze Menge mehr:
E-Mails (über Outlook) und Newsgroups können gelesen werden, allerlei Formate wie Docs, PDF etc. sind integriert, ICQ sowie Miranda sind enthalten, darüber hinaus besitzt OmeaPro eine Kontakt- und Aufgabenverwaltung sowie eine komfortable offline-Suchfunktion für alles, was man durchsucht haben möchte.

Kleinere Probleme gibt es mit dem Update von Kommentaren, das funktioniert (bei mir) leider nicht, grössere Probleme macht schonmal eine überlaufende Datenbank (ich vermute, dass daran zu wenig Arbeitsspeicher schuld ist), die dazu führt, dass OmeaPro erst wieder startet, wenn die gespeicherten Feeds (sprich die Datenbank) geleert wurden, was aber leider einen Verlust des bisherigen Archivs bedeutet.

In der Auswertung werden die Klicks direkt auf der Seite je nach Häufigkeit farbig angezeigt, von blau = cool = wenig Klicks über gelb = warm = mehr Klicks bis zu rot = hot = die meisten Klicks.
Eine Liste der Klicks gibt es ebenfalls; besonders aufschlussreich scheint mir aber die Heatmap zu sein, die wie bei einem Wärmescan auch die heissen Zonen der untersuchten Seite auf einen Blick erfassbar macht.

Wie geht’s? Bei Crazy Egg z.B. für einen Free Account registrieren, die Seite eintragen, den zu testenden Zeitraum und/oder die Anzahl der Seitenabrufe festlegen und den danach erzeugten Codeschnipsel auf der zu testenden Seite einbauen.

Wer sein Wordpress-Blog beobachten und Position von Links, Ads oder Bannern optimieren möchte, hat es noch einfacher, denn es gibt ein kleines Plugin dafür, das nur heruntergeladen, in den Plugin-Ordner hochgeladen und aktiviert werden muss.
Anschliessend wird die von Crazy Egg für das Tracken erzeugte Zahl im Blog unter Optionen –> Crazy Egg eingetragen und gespeichert.

1. Besorge dir einen Google Analytics Account und richte ihn ein.
2. Lade dir das Plugin herunter.
3. Entzippe die Datei und lade den Ordner “tantan” komplett in wp-content/plugins ein.
4. Logge dich in dein Blog ein und aktiviere das Plugin.
5. Rufe den darauf erscheinenden Reiter “Reports” auf und starte das Setup
6. Gib deine E-Mail Adresse sowie das Passwort von Google Analytics ein.
7. Jetzt noch das Site-Profil wählen und den “Save”-Button klicken.
8. Wer den Tracking-Code von Google Analytics noch nicht in sein Blog, z.B. in die Sidebar, eingefügt hat, kann dies vom Plugin erledigen lassen.
9. Zum Schluss heisst es warten, bis der erste Besucher vorbeikommt, damit in den Reports auch etwas zu sehen ist. Die Berichte werden im allgemeinen alle 24 Stunden aktualisiert.

Neugierig, wie ich bin , habe ich mich gleich registriert. Dazu ist nur die E-Mail Adresse (eine der o.g. Webmailer) und ein Passwort nötig. Das Passwort sollte man sich gut merken, denn es kann weder wiederhergestellt noch das daran gekoppelte Postfach bei Freenigma weiter genutzt werden, geht es einmal verloren. Natürlich lassen sich dann auch die verschlüsselten E-Mails im Webmail-Postfach nicht mehr entschlüsseln. Wahrscheinlich deshalb muss man während der Registrierung dreimal in unterschiedlichen Formen bestätigen, dass man sich das Passwort auch wirklich notiert bzw. gemerkt hat.

Nach der Registrierung kann die Firefox Extension installiert werden. Dann fehlt nur noch, den Browser neu zu starten, sich in sein Webmail-Postfach einzuloggen und schon kann es los gehen mit strong encryption.
D.h. noch nicht ganz. Erst muss man natürlich diejenigen einladen, mit denen verschlüsselte E-Mails auszutauschen vorgesehen ist. Jeder Beta-Test-User kann momentan deren 10 Personen einladen, wenn er sich bei Freenigma eingeloggt hat.

Der verschlüsselte Mail-Austausch ist dann ganz easy: ins Webmail-Postfach einloggen, ganz normal eine E-Mail verfassen und vor dem Versand auf den Button Verschlüsseln der Freenigma-Toolbar klicken.
Verschlüsselt empfangene E-Mails lassen sich per Klick auf den Button Entschlüsseln genauso einfach dechiffrieren.

Wer Freenigma auch gerne testen möchte: ein paar meiner Einladungen sind noch nicht reserviert. Einfach melden.
BTW, auch evt. notwendige Einladungen für Googlemail habe ich noch zuhauf zu vergeben.