Zugegeben, als ich mit dem Gedanken spielte, mir einen Tablet-PC zu kaufen, dachte ich schon: ach, was für ein feines Gadget. Wieder was zum Spielen für die Omma. Nach dem Kauf sah die Sache jedoch auf einmal völlig anders aus. Das Ding mutierte zu meinem ständigen Begleiter und zum vollwertigen Ersatz für das Netbook, welches zuvor schon hier und da das Notebook abgelöst hatte.
Vorher brauchte ich immer eine zusätzliche Tasche, um die Gerätschaften zu verstauen. Das fällt nun weg, weil das Tablet in den Handtaschen-Rucksack passt. Wozu ist so ein Teil denn nun im Berufsalltag, egal, ob freiberuflich oder angestellt, von Nutzen?

• E-Mails abrufen, lesen, beantworten
• Kontakte immer mit sich führen – ich weiß ja, viele von Euch pflegen ihre Kontakte via XING
• auf Konferenzen mitschreiben und Markieren bzw. gleich verschlagworten (natürlich mit Evernote)
• Bei Bedarf die Notizen oder Dateien aus der Cloud oder vom Tablet ausdrucken via Motoprint – es gibt aber auch andere Apps für die Ansteuerung von WLAN-Druckern
• Blogartikel schreiben mit der WordPress-App, die inzwischen sehr komfortabel geworden ist – Joooid läßt da leider noch zu wünschen übrig
• per FTP Dateien verschieben
• per VPN Kunden aus der Not helfen
• per Skype und Talk kommunizieren
• Vorträge / Workshops organisieren mittels HDMI-Schnittstelle – vorausgesetzt, es existiert ein Beamer mit HDMI-Anschluß
• soziale Netzwerke betreuen via TweetCaster und Xing-App (letztere ist nicht so der Bringer)

Inzwischen werde ich gefragt, worauf beim Kauf eines Tablet-PCs zu achten ist. Mein absoluter Hingucker ist die HDMI-Schnittstelle. Damit kann ich mir die Schlepperei vom Notebook sparen und habe eigentlich immer alles dabei – vorausgesetzt, das Tablet ist vorhanden und die benötigten Daten in der Cloud. Das HDMI-Kabel nimmt keinen großen Platz in der Tasche ein und liefert ein tolles Ergebnis. Auch für den Spaß mit dem Tablet sehe ich die HDMI-Schnittstelle als eine wunderbare Ergänzung. Man kann damit natürlich auch die Tabletinhalte auf den Fernseher bringen.

Die Samsung-Tablets haben ein super Display, aber leider keine HDMI-Schnittstelle –Adapter ist erhältlich, naja … . Wer also keine Absichten in Bezug auf das Halten von Vorträgen oder Workshops hat, ist damit sicher besser bedient. Was mich jedoch stutzig macht, ist, dass die ganze Palette von Tablets bis hin zu den ganz preiswerten, den HDMI-Anschluß mitbringen. Mir ist klar, dass diese Geschichte noch nicht sehr verbreitet ist, zumal ich im Saturn zum Beispiel völlig verstört angeschaut wurde, als ich nach dem HDMI-Kabel gefragt habe. Sobald das aber einmal genutzt worden ist, wird es niemand mehr missen wollen. (noch besser wäre natürlich eine kabellose Verbindung zum Beamer oder Fernseher …)

Bemerkenswert beim XOOM, welches ich mir gegönnt habe, ist, dass ein zu 100% aufgeladener Akku eine Konferenz, also einen vollen Tag, überlebt. Das ist ja leider bei den Smartphones nicht der Fall.

Die lange Laufzeit des Akkus des Tablets hat auch zur Folge, dass ich zu Konferenzen nicht noch mehr Kabel mitführen muss – hier genügt das Ladekabel für das Smartphone oder ein externer Akku.

Wer überlegt, ein Netbook anzuschaffen, könnte ja noch mal darüber nachdenken, ob ein Tablet-PC nicht einfach mehr Komfort ÚND Spaß bringt.

Piwik ist auch leicht zu installieren. Der Tracking-Code ist schnell eingebaut. Und schon habt Ihr Eure Besucher (ganz dezent und rechtskonform, aber informativ) im Blick. Den großen Überblick mit der Auswertung der Daten bietet das Dashboard, aber man kann auch einzelne Besuche(r) betrachten und detailliert nachverfolgen, was auf der Website vor sich geht.

Die Seite Besucher >> Besucher-Log zeigt das Protokoll der neuesten Website-Besuche. Schauen wir hier mal Spalte für Spalte durch, was für Informationen wir erhalten. Das macht natürlich nur Spass, wenn wir täglich eine überschaubare Anzahl Besucher haben. Gerade bei kleineren Unternehmen, die die Resonanz ihrer Website besser abschätzen möchten, ist das Besucher-Log ein wetvolles Tool.

Die Spalte Datum

Sie zeigt recht spartanisch:

• Das Besuchsdatum mit Uhrzeit
• Die anonymisierte IP
• Den Provider, falls er aus der IP erschlossen werden konnte.

Die Spalte Besucher

Diese Spalte ist besonders für den Entwickler interessant, da sie detailliert auf Betriebssystem, Browser und installierte Plugins eingeht. Auch ein iPad kann man hier ausmachen. Und hoffentlich festellen, dass der IE älterer Bauart kaum noch vertreten ist. Wobei: Das geht in der Übersicht natürlich besser.

Diese Daten werden angezeigt:

• Das Herkunftsland (wird aus dem Standort des Providers erschlossen)
• Der Browser (die Version wird bei Mouseover angezeigt)
• Installierte Plugins wie Flash, Silverlight, Java, PDF, Quicktime und Realplayer
• Das Betriebssystem (Version und Bildschirmauflösung erscheinen bei Mouseover)
• Angezeigt wird auch, ob ein Besucher ein wiederkehrender Besucher ist.

Die Spalte Herkunftsseite

Wenn wir wissen wollen, wie ein Besucher auf die Website gekommen ist, werden wir hier fündig.

• Per Direktzugriff (Eingabe der URL in die Adresszeile des Browsers)
• oder von einer anderen Website (nur die (Sub-)Domain wird angezeigt, der vollständige Link erscheint bei Mouseover),
• über eine Suchmaschine (mit Suchbegriff, über den die Einstiegsseite gefunden wurde).

Hier wird es wieder interessant: Bei Google wird in normale Suche und Bildersuche unterschieden. Für Google wird auch die Position der gefundenen Seite in den Suchergebnissen, wie sie sich dem Besucher präsentiert hat, angegeben. Das interessiert uns natürlich, weil sich daraus einerseits unsere aktuelle Position auch zu nicht so stark optimierten Suchbegriffen erkennen läßt. Andererseits sehen wir, wie weit Suchmaschinennutzer tatsächlich in den SERPs scrollen oder blättern, wenn sie etwas suchen. In dem Zusammenhang lohnt sich der Blick in die nächste Spalte.

Die Spalte Aktionen

Hier erscheint die Anzahl der durchgeführten Aktionen (Seiten anschauen, Dateien herunterladen) und die damit vom Besucher zugebrachte Zeit. Darunter werden die besuchten Seiten bzw. heruntergeladenen Dateien, aber auch angeklickte Links zu anderen Seiten (ausgehende Links) aufgelistet.

Im Klartext: Wenn ein Besucher mit bestimmten Suchbegriffen über eine Suchmaschine auf unsere Seite gekommen ist, hat er 

• durch den Klick auf das Suchergebnis bewiesen, dass der Linktext (unser Title) und die Beschreibung der Seite – soweit sie angezeigt wurde – zu seinen Suchbegriffen gepasst hat. Die so erreichte Einstiegsseite ist als passend optimiert.
• durch das Verlassen der ersten aufgesuchten Seite gezeigt, dass er nicht gefunden hat, was er suchte. Hier könne Schwachstellen liegen.
• durch einen längeren Aufenthalt gezeigt, dass er sich am richtigen Ort befand und unser Website-Angebot angenommen hat.
• durch seinen Weg auf der Website gezeigt, welche Themen ihn (wahrscheinlich im Zusammenhang mit seiner Suche) sonst interessieren.

Diese Erkenntnisse können wir sowohl für Präsentation und Erweiterung unseres Angebot als auch für die Optimierung unserer Website nutzen.

Es gibt aber durchaus noch ein paar wichtige Helferlein wie das Bildschirm-Maßband “MeasureIt”. Das ist für Version 6 nicht verfügbar – angeblich. Die Kommentare zum Add-On sagen etwas anderes. Und so habe ich entgegen allen Warnungen des Browsers von der Entwicklerseite aus das Tool neu installiert. Und jetzt läuft es wieder – problemlos!

Frontend:

1. contact-form-7
   - ein wirklich flexibles Formular-Plugin, mit dem sich sehr einfach neue Formularfelder erstellen lassen. Und die kann man dann auch mit eigenen IDs und Klassen versehen.
2. cryptx
   - verhindert das Auslesen der Mailadresse durch Bots. Ein Javascript schreibt die Adresse automatisch in eine für Bots unleserliche Form um. Der User bekommt jedoch eine normale Ansicht mit funktionsfähigen Maillink.
3. the-events-calendar
   - eignet sich für komplexe Terminankündigungen und lässt sich mit Eventbrite zu einem Tool für Ticket-Bestellungen ausweiten.
4. printfriendly
   - feines Tool für die Darstellung einer Print- und/oder PDF-Version der Seite.
5. tweet-blender
   - hebt sich von den vielen Twitter-Plugins dadurch ab, dass es für die Tweet-Aufrufe ein recht intelligentes Caching vorhält.

Backend:

1. pagemash
   - nützliches, kleines Tool für das komfortable Verschieben von verschachtelten Seiten im Backend.
2. rb-internal-links
   - vereinfacht die interne Verlinkung. Das Plugin fügt einen zusätzlichen Button in den Editor ein.
3. restore-post-id
   - stellt die ehemals vorhandene Anzeigespalte für IDs wieder her. Auch wenn es länger kein Update gab, es funktioniert auch in WP 3.x und ich finde es sehr hilfreich bei der Theme-Bearbeitung.
4. w3-total-cache
   - minimiert die Ladezeiten und reduziert das Rendering der Site. Das punktet bei Google ebenso wie beim Massenhoster .
5. wp-optimize
   - räumt die Datenbank ohne PhpMyAdmin auf. Es entfernt z.B. zwischengespeicherte Versionen oder löscht den Spam in der Warteschlange.

So das waren meine 10. Zwei der bereits genannten Plugins nutze ich übrigens auch:

• wp-db-backup – fürs komfortable Erstellung der Datenbanksicherung und
• wp-SEO – sehr ausgefeilt für die Suchmaschinen-Optimierung (ist allerdings kostenpflichtig).

Nachtrag

Die Liste könnte ich noch um einige Plugin-Favoriten erweitern. Manche wie den Event-Kalender nutze ich aber nur nach entsprechender Kundenanforderung. Und dann braucht man ja immer mal neue Tools. Diese hier werde ich demnächst unbedingt ausprobieren:

• pure-css-emoticons
  - Emoticons nur per CSS stylen. Mal sehen, ob sich CSS3-Features mit Fallback nutzen lassen.
• WPtouch
  - macht aus einem normalen Theme ein für Touch-Phones geeignetes.
• custom-field-template
  - das Schreiben in benutzerdefinierte Felder wird vereinfacht, da sich hierfür der Editor nutzen lässt. Mal sehen, ob ich damit auch eine Editor-Eingabe für das Text-Widget erzeugen kann.

Mal sehen, was alles an Plugin-Erfahrungen zusammenkommt. Ergänzungen meiner Liste werden auch gern genommen .

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 .