Paper Browser

Eine Version hat dabei z. B. das Format 1024x768px minus der Browser Tool- und Statusleiste. Eingezeichnet sind zudem die Breiten 800px und 960px. Die Kästchen in der Rasterung entsprechen dabei 32x32px.

Die Vorlagen sind für das eigene Brainstorming, aber auch vielleicht zum ersten Ideensammeln mit dem Kunden eine hilfreiche Unterstützung. In Zukunft soll es die Skizzenbücher auch zum Kaufen als "richtige" Bücher geben.

Via Designer in Action

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

auf der Suche anch einem geeigneten Script hat mit die Website mit dem Dienst The Lightbox Clones Matrix gute Dienste geleistet:

Mit Hilfe der Lightbox Matrix die Suche einschränken

Die Suche nach dem richtigen Script kann man durch Aus-/Abwahl verschiedener Kriterien – welche JS-Bibliothek bzw. Framework kommt zum Einsatz, kann das Script Bilder gruppieren, Größe etc. – eingegrenzt werden. Klar, das Testen der einzelner Scripte kann das Tool nicht ersetzen, führt aber auf jeden Fall dazu, dass man schneller zum Ziel kommt, weil die absolut ungeeigneten Kandidaten von vorne rein ausgesiebt werden.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

CSS 3.0 Maker

Und was kann dieser CSS3-Generator?

• Border Radius: abgerundete Ecken
• CSS Transform
• Box Shadow: Box-Schatten
• Text Shadow: Text-Schatten
• Text Rotation
• RGBA
• @Font Face
• Outline Offset
• Transition
• CSS Gradient: Verläufe mit CSS

Mittlerweile zeigt auch dieser Generator nicht nur, welcher Browser was kann, sondern auch seit welcher bzw. in welcher zukünftiger Version er etwas können wird.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Wem das zu wenig ist, der kann in den Optionen – aufrufbar über F10 oder Kontextmenü (aka Rechtsklick) – Informationen über das Dokument einblenden, wie im oberen Screenshot zu sehen, oder eine Reihe von weiteren Einstellungen tätigen.

Optionen: die Infobar einblenden

VG-Wort-Autoren aufgepasst

Ich habe bei mir die Infobar so angepasst, dass mir der Editor beim Text, die Anzahl der Zeichen angibt und daneben wird angezeigt, wie weit ich davon entfernt bin, die 1.800 Zeichen zu erreichen. Dies ist sehr interessant für Autoren, die ihre Texte bei VG Wort melden.

Textbausteine definieren

WriteMonkey bietet auch eine Textbaustein-Funktion. Man kann Texbausteine (Replacements) definieren und diesen Platzhalter (Trigger) zuweisen.

Die Textbausteine

Wie man in der oberen Abbildung sieht, sind schon einige Textbausteine vordefiniert. Tippt man im Editor /now ein und gibt noch ein Leerzeichen ein, dann ersetzt WriteMonkey den Platzhalter durch das aktuelle Datum und Uhrzeit. Man kann neue Textbausteine definieren und bestehende anpassen oder löschen.

Ich höre die Schreibmaschine

Wer beim Schreiben Langeweile hat, kann in den Optionen den Sound einer Schreibmaschine aktivieren. Weitere Sounds kann man auf der Website herunterladen.

Weitere Funktionen

WriteMonkey bietet eine Rechtschreibprüfung. Allerdings muss man die deutsche Sprachdatei extra herunterladen und die Prüfung geschieht nicht während des Tippens sondern man muss sie via F7 oder über Kontextmenü starten.

Man kann auch im WriteMonkey Nachschlagewerke definieren und denen eine Tastenkombination zuweisen. Markiert man ein Wort, dann kann man dieses zum Beispiel in der Wikipedia oder in einer Suchmaschine nachschlagen.

Fazit

WriteMonkey ist sowohl etwas für Puristen als auch für Leute, die sich gerne in Options-Menüs verlieren. Eine Installation ist nicht notwendig, die Einstellungen werden im Programm-Ordner gespeichert: somit ist das Programm portabel.

WriteMonkey kann verschiedenartige Textdateien (.html, .php, .txt etc.) öffnen und lesen, kann den Inhalt allerdings nur im reinen Text-Format (.txt) speichern. Dies ist meiner Meinung nach völlig ausreichend, da dieses Format gnadenlos unterschätzt wird.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Das Tool erfreut sich großer Beliebtheit, wird von vielen Windows-Nutzern intensiv eingesetzt und als ein kleines Universalwerkzeug geschätzt. Daher ist es nicht überraschend, dass es für das kostenlose IrfanView auch ein kostenloses Paket mit verschiedenen Plugins von Drittanbietern gibt.

Dieses Paket erweitert das Programm um einige interessante Funktionen, so dass man mit IrfanView unter anderem auch noch Musik (mp3, ogg) abspielen, Fotos auf CD brennen und Bilder als E-Mails abschicken kann.

Hinweis: Hier im Artikel werde ich der Vollständigkeit halber IrfanView mit dem installierten Plugin-Paket vorstellen.

IrfanView: Übersicht

Besondere Funktionen von IrfanView

Um wirklich alle interessanten und nützlichen Funktionen von IrfanView zu beschreiben, müsste ich ein IrfanView-Buch schreiben. Daher werde ich im Folgenden lediglich die Funktionen beschreiben, die meiner Meinung nach für einen Webworker wichtig sein könnten.

IrfanView beherrscht als Bildbetrachter und -verwalter eine Menge an Dateiformaten. Das Programm kann neben den gängigen Formaten (bmp, gif, jpg, png, tif) nicht nur mehr als 80 verschiedene Dateiformate (z. B. cpt, ico, psd) anzeigen, es kann ein Bild auch in 21 verschiedenen Formaten abspeichern.

Die Königsdisziplin von IrfanView allerdings ist die Batch- bzw. Stapelverarbeitung der Bilder. Stelle dir vor, du hast einen Ordner mit 300 Bildern im TIF-Format und du möchtest diese in JPG umwandeln. Kein Problem: IrfanView hilft hier schnell und zuverlässig. Du möctest mehrere Dutzend Bilder in einem Rutsch umbenennen? Kein Problem, auch hier werkelt IrfanView zuverlässig.

Beide Aktionen – Konvertieren und Umbenennen – kann man natürlich auch in einem Schritt durchführen.

Zu dem Fenster mit den Batch-Funktionen gelangst dun über die Menüpunkte "Datei" → "Batch-Konvertierung/Umbenennung" oder noch einfacher, indem du die Taste B klickst.

Im linken oberen Bereich kannst du einstellen, ob du konvertieren, umbenennen oder beides gleichzeitig machen möchtest. Darunter wählst du dann das Zielformat aus, d. h. in welches Dateiformat die Grafiken umgewandelt werden sollen. Für die beiden Formate GIF und JPEG bietet IrfanView hinter dem Button Optionen zusätzliche Einstellungen für die ausgegebenen Grafiken an, z. B. die Komprimierungsstufe.

Batch- bzw. Stapelverarbeitung

Direkt darunter kannst du verschiedene Spezialoptionen aktivieren bzw. deaktivieren. Mit diesen speziellen Optionen hat man die Möglichkeit, bei mehreren Bildern gleichzeitig Bildbearbeitungsfunktionen durchzuführen: z. B. die Größe verändern, spiegeln oder Kontrastwert verändern.

Spezialoptionen: Bildbearbeitung im Batch-Modus

Noch einmal darunter kannst du Angaben tätigen, die die Benennung der neuen Grafiken beeinflussen. Auch hier bietet IrfanView einen Button, der die zusätzlichen Optionen für das Umbenennen beherbergt. IrfanView ist auch hier sehr flexibel und bietet dir durch die vielen Platzhalter die Möglichkeit, ein ausgefeiltes Konstrukt für die Namensgebung von Dateien zu erstellen. So ist z. B. $N ein Platzhalter für den Dateinamen ohne Endung, und ### erzeugt eine fortlaufende Nummerierung (001, 002, 003 usw.).

Bei den Optionen für das Umbenennen kann man den Zielordner bestimmen, in dem die neuen Bilder gespeichert werden.

Im rechten oberen Bereich wählt man Bilder aus, die umbenannt oder konvertiert werden sollen, und im rechten unteren Bereich siehst du den Fortschritt bzw. das Ergebnis der Stapelverarbeitung.

Eine weitere sehr interessante Funktion für Webworker ist das Speichern fürs Web-Plugin.

Bilder für Web exportieren

In dieser Funktion kannst du schnell und komfortabel sehen, welche Einsparpotenziale ein Bild in Bezug auf seine Dateigröße noch bietet. Einsparungen von 50% der Dateigröße und mehr ohne sichtbare Qualitätsverluste sind hier keine Seltenheit. Wenn du "Datei" → "Thumbnails" wählen bzw. in IrfanView die Taste T drückst, dann gelangst du in den sogenannten Thumbnail-Modus: Die Bilder auf dem Rechner werden als kleine Vorschaubilder angezeigt und können auf diese Weise einfach durchsucht werden. Im Thumbnail-Modus kann man die Bilder auswählen und unter anderem eine HTML-Galerie daraus erstellen lassen: Datei → Selektierte Thumbnails als HTML speichern…

HTML-Galerien erstellen

Bei der Erstellung von Bildergalerien fürs Web greift IrfanView auf die Vorlagen im Unterordner Html zurück. Diese Galerievorlagen sind im Grunde genommen HTML-Dateien, bei denen der statische Teil aus dem üblichen HTML-Quelltext besteht. Überall dort, wo eine "Dynamik" ins Spiel kommt, also wo IrfanView mit seinen Funktionen eingreift, werden die Platzhalter eingesetzt. Hier ein Beispiel:

<a href="#LINK#"><img src=#THUMB# alt="#IMAGE_NAME#"></a>

Das Beispiel ist eigentlich selbsterklärend, und jeder, der ein bisschen Erfahrung mit (X)HTML und CSS auf der Codeebene hat, kann in Verbindung mit der Dokumentation bzw. der Hilfe-Datei von IrfanView ansehnliche Webbildergalerien erstellen.

Weitere Funktionen

Neben den oben genannten verfügt IrfanView zudem über ein Arsenal an weiteren Funktionen, wie z. B. eine Slideshow-Funktion, um komfortabel die Bilder des letzten Geburtstages zu präsentieren.

Zudem bietet Ihnen IrfanView verschiedene Bildbearbeitungsfunktionen, z. B. zum Entfernen von roten Augen oder zum Schärfen oder der Umwandlung in Graustufen eines Bildes. Außerdem können Sie Bildteile ausschneiden, die Größe eines Bildes ändern, das Bild rotieren, spiegeln oder mit diversen Effekten versehen.

IrfanView hat darüber hinaus eine sehr umfangreiche Screenshot-Funktion ("Optionen" → "Fotografieren"), um Abbildungen von Anwendungen bzw. Aktionen auf dem Rechner zu produzieren, was vor allem beim Erstellen von Dokumentationen sehr hilfreich sein kann.

Die Einstellungen der Screenshot-Funktion

Bild 6: Die Einstellungen der Screenshot-Funktion

Du kannst in diesem Optionsfenster mehrere Einstellungen tätigen. Zum einen kann man auswählen, welcher Bereich abfotografiert wird und ob du durch das Betätigen einer Tastenkombination die Abbildung erstellen oder ob das Programm dies automatisch nach einer gewissen Zeit machen soll.

Sehr hilfreich, vor allem bei Anleitungen, ist die Möglichkeit, den Mauscursor mit in den Screenshot zu übernehmen. Ganz unten können Sie entscheiden, ob das Bild in dem Programm zuerst angezeigt oder ob es direkt abgespeichert werden soll. Wie schon von IrfanView gewohnt, kannst du bei der Erstellung des automatischen Dateinamens auf eine Reihe von Platzhaltern zurückgreifen.

Die Lizenz

IrfanView ist bei privater und nicht-kommerzieller Nutzung kostenlos. Kostenlos ist auch der Einsatz in den Bildungseinrichtungen (Schulen, Unis, Bibliotheken etc.) und in den Wohltätigkeitsorganisation. Kommerzielle Nutzung kostet 10 EUR.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Man bräuchte also – wenn man die einzelnen Fenster nicht mühsam nebeneinander anordnen möchte – ein Fenster, das immer oben bleibt, also "on top". Und ein wirklich schönes Tool um dies zu realisieren ist On Top Replica von Lorenz Cuno Klopfenstein.

Nach dem Start öffnet sich ein "Immer-oben-Fenster" bei dem man mittels Rechtsklick festlegen kann welches der geöffneten Fenster dieses beinhalten soll. Während des Schreibens dieses Artikels habe ich mir z. B. ein Video bei YouTube angeschaut.

Leider hat man nur die Möglichkeit zwischen mehreren Browserfenstern zu wählen, Tabs innerhalb dieses Browserfensters können nicht ausgewählt werden. Aber wenn man das weiß, sollte es ja kein Problem sein sich ein zusätzliches Browserfenster mit dem gewünschten Inhalt zu öffen.

Das "Immer-oben-Fenster" beim Schreiben des Blog-Artikels

In dem Fenster wird eine Kopie der gewünschten Seite erzeugt. Man kann also in diesem Fenster nur sehr bedingt aktiv werden (die Option "Click forwarding" muss aktiviert sein), seine Größe und Position lässt sich allerdings beliebig anpassen. Eine weiter Möglichkeit den Inhalt des "Immer-oben-Fenster" anzupassen besteht darin, sich nicht unbedingt ein komplettes Fenster anzeigen zu lassen, sondern nur einen (relevanten) Ausschnitt.

Mit dem Befehl "Select Region", der bei einem Rechtsklick auf das Fenster erscheint, kann man einen Bereich genau eingrenzen und anschließend die Auswahl bestätigen.

Einen Ausschnitt auswählen

Der Ausschnitt eines Fensters immer on-top

Einziger Wermutstropfen: Das Tool funktioniert nur ab Windwos Vista Home Premium und "Aero" muss aktiviert sein. "Aero" war das diese leckere Luftschokolade? Nein, das ist der Grafik-Effekt, den wahrscheinlich schon viele Vista-Nutzer deaktiviert hatten und der den Windows-Fenstern so ein luftiges Aussehen verleiht

Die Aktivierung bzw. Deaktivierung von Aero befindet sich übrigens in der Systemsteuerung beim Punkt Fensterfarbe und -darstellung.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

PixelZoomer: Lupenfunktion und Maßband im Einsatz

Nach der Installation ist das Addon über den Icon in der Statusleiste und über das Kontextmenü aufrufbar. Es öffnet sich ein neues Fenster und in diesem wird die Website geklont und nun kann man Farbwerte auslesen, Zoomen und/oder Abstände ausmessen.

Auf der Website des Autors gibt es neben zusätzlichen Infos in deutscher Sprache auch ein Video in dem die Funktionen der Erweiterung demonstriert werden.

Entdeckt auf Twitter.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Dadurch, dass die Ergebnisse von den Besuchern der Website selber generiert werden, und die Website weltweit zugänglich ist, sind die Antworten also "universell". Obwohl man natürlich in Betracht ziehen muss, dass nicht die ganze Welt, das Internet im gleichen Umfang nutzt wie das in Europa, Nordamerika oder Australien (Quelle: Internet World Stats) der Fall ist. Zudem handelt es sich bei Cymbolism um eine englischsprachige Website, was die Herkunft der Nutzer nochmal einschränkt. Man kann also davon ausgehen, dass die überwiegende Mehrzahl der Stimmen, die auf Cymbolism gesammelt werden aus sogenannten "westlichen" Kulturen stammen. Und zu dieser wird sich wohl die Mehrzahl der hiesigen Leser auch zählen – ich gehöre auf jeden Fall dazu.

Wie ist es nun aber um die Symbolik von Farben in anderen Kulturkreisen bestellt? Ist die Liebe überall rot? Das kann man nun nachschauen bei Colours in Cultures, die die Symbolfarben für 84 Begriffe in 10 verschiedenen Kulturkreisen grafisch dargestellt haben. In Afrika ist die Liebe nämlich blau.

Auf der dazugehörigen Website Information is Beautiful gibt es außerdem noch sehr schöne und interessante Grafiken zu den Themen Internetzensur in China, Twitter oder der Anteil von Frauen und Männern in verschiedenen Netzwerken.

Via Designer in Action

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Obwohl ich das Veröffentlichen von Inhalten im Backend von WordPress alles andere als unkomfortabel finde, vielleicht mache ich es auch schon zu lange, wollte ich den Selbstversuch doch einmal starten.

Installieren

Nur den Live Writer installieren

Windows Live Writer kann man nicht direkt herunterladen, sondern nur das ganze Paket des Windows Live Essentials. Dieses komplette Paket enthält neben dem Live Writer auch noch die folgenden Komponenten: Messenger, Fotogalerie, Mail, Movie Maker (nur Windows Vista und Windows 7), Family Safety und Toolbar sowie Microsoft Office Outlook Connector, das Office Live-Add-In und Microsoft Silverlight.

Ist man von dieser Fülle ganz erschlagen – so wie ich bei der ersten Installation – tut man gut daran nur den Live Writer zu installieren. Die entsprechenden Systemanforderungen haben es zudem in sich und man sollte sie vorher genau studieren, um nachher nicht enttäuscht zu werden.

XML-RPC Schnittstelle aktivieren

Und etwas ganz entscheidendes dürfen Sie natürlich nicht vergessen. Sie müssen in Ihrer WordPress-Installation die XML-RPC Schnittstelle aktivieren, sonst kann der Live Writer nicht auf Ihren Blog zugreifen.

Konfigurieren

Beim ersten Starten und später auch, wenn Sie weitere Blog-Installationen hinzufügen möchten, müssen Sie die URL sowie die Zugangsdaten zu Ihrem WordPress-Blog angeben. Das reicht schon, damit Windows Live Writer in Zukunft auf Ihren Blog zugreifen kann. Der Windows Live Writer übernimmt (auf Wunsch) sogar schon ein abgespecktes Layout, so dass Ihre verfassten Beiträge im Live Writer (annähernd) so aussehen, wie später nach der Veröffentlichung. Und damit wären wir schon beim Arbeiten mit dem Live Writer.

Praxistest

Artikel im Live Writer verfasst

Neben dem WYSIWYG bzw. Visuellen Editor hat man auch die Möglichkeit im Quelltext bzw. im Code-Editor zu arbeiten. Es erinnert also alles sehr stark an das Arbeiten im WordPress-Backend. Der Editor verfügt über eine Rechtschreibprüfung und bietet über eine Symbolleiste alle gängigen Formatierungen an. Etwas verwirrend am Anfang: die Symbolleiste ist in beiden Editoren (Visuell und Code) identisch. Und somit komme ich zu den Extras, die der Windows Live Writer zu bieten hat und die man im WordPress-Backend (bis jetzt noch) vergeblich sucht.

Automatisch verlinken

• Entwürfe können lokal gespeichert werden.
• Tabellen lassen sich einfach einfügen und bearbeiten.
• Wörter, Buchstaben, Zeichen und Absätze werden gezählt.
• Man hat die Möglichkeit automatische Verlinkungen vorzunehmen. Dabei gibt man ein oder mehrere Worte und die Ziel-URL an. Schreibt man dann in einem Artikel den entsprechenden Begriff, so wird dieser automatisch verlinkt. (nur im Visuellen Editor)
• Eingefügte Bilder können mit allerlei Rahmen versehen werden (Schlagschatten, Polaroid etc.).
• Eingefügte Bilder können bearbeitet werden. Neben dem Drehen und Zuschneiden biete der Live Writer auch die Möglichkeit Helligkeit und Kontrast zu bearbeiten.
• Eingefügte Bilder können mit einem Wasserzeichen versehen werden.
• Eingefügte Bilder können mit Effekten (Schwarzweiß, Sepia, Relief etc.) bearbeitet werden.
• Man kann ein "Fotoalbum" einfügen, muss dafür aber über eine Live ID verfügen, also bei Windows Live registriert sein.
• Man kann Karten (bing) hinzufügen. (Leider habe ich keinerlei Hinweise zur rechtlichen Situation beim Einfügen von Karten gefunden.)

Der Live Writer kann zudem auch mit Plugins noch um einige Funktionen erweitert werden. Wundern Sie sich allerdings nicht, wenn Sie im Plugin-Verzeichnis nichts angezeigt bekommen. Ändern Sie die Sprache in Englisch, dann werden Ihnen die Ergebnisse präsentiert. Unter anderem findet man Plugins um Bilder aus Flickr, Picasa oder Facebook in seine Artikel einzubinden. Sie finden aber auch Plugins, die dabei helfen Symbole bzw. Sonderzeichen in Ihre Texte einzufügen, Textbausteine zu nutzen etc.

Fazit

Das Bloggen mit dem Live Writer hat vor allen Dingen seinen Reiz, wenn man in mehreren Blogs arbeitet. Man hat dann immer die gleiche Benutzeroberfläche und kann zudem komfortabel zwischen den einzelnen Blog-Installationen wechseln – ein nicht zu unterschätzender Vorteil. Außerdem sind so nette Spielereien wie das Einfügen von Karten und die "Bildbearbeitungsoptionen" natürlich für alle Spielkinder eine wahre Freude

Wer bis jetzt allerdings vorzugsweise im HTML-Editor arbeitet (und das mache ich), der wird sich etwas umgewöhnen müssen. Man kann Artikel zwar auch im HTML-Editor erstellen, aber der Editor "erkennt" Absätze nicht automatisch, so dass man wesentlich mehr zu tun hat wie bei der Arbeit im HTML-Editor von WordPress, der Absätze ja bekanntlich automatisch umsetzt. Der Live Writer ist eindeutig dafür ausgelegt, dass man im Visuellen Editor arbeitet und höchstens kleine Änderungen oder Anpassungen im HTML-Editor vornimmt.

Ich werde den Live Writer auf jeden Fall noch ein Weilchen ausprobieren und vor allen Dinge die Möglichkeiten, der Plugin-Erweiterung noch weiter testen.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Das Tool muss man gar nicht installieren, lediglich entpacken und so bald man die h2testw.exe erscheint schon das Optionsfenster:

Die Starteinstellungen

In diesem Schritt kann man die Sprache festlegen, dann muss man sich für den USB-Stick bzw. den Pfad entscheiden, der geprüft wird und dann kann man entscheiden ob der ganze USB-Stick oder nur eine bestimmte Größe geprüft wird. Anschließend starte man den Prüfvorgang:

Auswertung des Prüfvorgangs

Die Software prüft ob es fehlerhafte Abschnitte gibt und ermittelt bei dem Schreib- und Lesevorgang die Geschwindigkeit des USB-Sticks.

Welche Software nutzt du um die USB-Sticks zu prüfen?

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Die Drei-Fenster-Ansicht vom WeBuilder *

Auf der Website des Autors * gibt es neben dem WeBuilder auch die Geschwisterprodukte PHP Rapid *, HTMLPad * und CSS Rapid * zu kaufen. Die Produkte bauen aufeinander auf, wobei CSS Rapid das vom Funktionsumfang her kleinste Produkt ist. Es folgt der HTMLPad, dann PHP Rapid und schließlich der WeBuilder.

Letzterer bietet das Maximum an Funktionen. Die Preise sind vergleichsweise günstig und bewegen sich je nach Produkt und nach Lizenz zwischen knapp 20 und knapp 50 Euro. Auf der Vergleichstabelle * kann man schnell erfahren, welches Programm was kann und somit welche Anwendung für einen geeignet ist.

Der WeBuilder bietet eine Reihe von sehr nützlichen Funktionen und ein paar davon werde ich im Folgenden näher erklären:

Die Projektverwaltung

Zum einen wäre dies die Projektverwaltung. Die ist sehr wichtig, wenn man mehrere Projekte zu betreuen hat. Die Projektverwaltung sorgt z. B. dafür, dass man nur Dateien eines bestimmten Projektes abrufen kann, und verhindert damit, dass man aus Versehen falsche Dateien bearbeitet. Wenn man mit Template- oder Redaktionssystemen arbeitet, ist die Gefahr eines solchen Fehlers sehr hoch, weil die Template-Dateien dann in allen Projekten gleich heißen: sidebar.php, footer.php etc.

XHTML-Unterstützung

Ein weiterer Vorteil ist die gelungene Unterstützung für XHTML. Man kann in den Optionen wählen, ob man mit HTML- oder XHTML-Spezifikationen arbeiten möchte. Wenn Sie die XHTML-Spezifikationen aktivieren, dann passt der WeBuilder dementsprechend die Codevervoll-ständigung und das automatische Einfügen der Tags an: Aus <hr> oder <br> wird <hr /> und <br />, und eingefügte Bilder werden ebenfalls an die XHTML-Syntax angepasst.

Codeassistent

Der WeBuilder bietet auch einen Codeassistenten für mehrere Sprachen, unter anderem für (X)HTML, CSS und PHP. Schon während der Eingabe eines HTML-Tags oder einer CSS-Eigenschaft präsentiert der Codeassistent mögliche Vorschläge, die man komfortabel mit einem Mausklick übernehmen kann.

WeBuilder: der Code-Assistent im Einsatz

Der WeBuilder bietet in der Standardinstallation zudem eine Reihe von fertigen Templates (Vorlagen) und Code-Schnipseln. Bei den Templates handelt es sich um Dateien, die im Programm-Ordner abgelegt werden und zum Beispiel verschiedene (X)HTML-Grundgerüste oder Beispielskripte enthalten.

Die Codefragmente befinden sich in der Bibliothek. Es handelt sich hierbei um Codeschnipsel, wie z. B. eine Überschrift oder ein if-Statement. Man kann sowohl bei den Templates wie auch bei den Code-Schnipseln neue erstellen und bestehende verwalten.

Code-Explorer

Egal ob eine (X)HTML-, eine CSS-, eine Javascript-Datei oder eine PHP-Datei, die Funktion mit dem Namen Code-Explorer untersucht die aktuelle Datei und listet die Attribute, Verweise, Formular-Elemente Klassen, IDs u. v. m. auf.

Syntaxhervorhebung

Zusätzlich zu den bereits genannten, verfügt WeBuilder auch über Funktionen, die man bei einem ausgewachsenen Editor voraussetzt. Wie zum Beispiel die anpassbare Syntaxhervorhebung für eine Reihe von wichtigen Sprachen. Neben den üblichen Verdächtigen, wie (X)HTML, CSS, PHP und JavaScript, bietet der WeBuilder auch eine Syntaxhervorhebung für XML, Perl, Ruby, ASP.Net und ein paar weitere Sprachen.

Suchen und Ersetzen

Nicht zu vergessen ist das dateiübergreifende Suchen und Ersetzen, welches auch reguläre Ausdrücke unterstützt. Darüber hinaus verfügt der WeBuilder über eine Reihe eingebauter Tools: Tidy, Farbpicker und Rechtschreibprüfung.

FTP

Der WeBuilder verfügt zudem über eine eingebaute FTP-Anwendung, die es dir ermöglicht, die bearbeitete Datei auch direkt hoch- bzw. runterzuladen.

Auf dem USB-Stick betreiben

Du kannst den WeBuilder auch auf einem USB-Stick installieren und betreiben. Das ist ein großer Vorteil für Webworker, die auf verschiedenen Rechnern arbeiten müssen, was bei vielen Freelancern der Fall ist.

Fazit

Der WeBuilder ist seit mehreren Jahren schon mein HTML- bzw. Code-Editor der Wahl. In allererster Linie ist es meinem Bauchgefühl geschuldet, dass wir diesen Editor mögen und schätzen. Darüber hinaus bietet dieses Pro-gramm zu einem äußerst fairen Preis alles, was ein professioneller (X)HTML- und CSS-Autor für die tägliche Arbeit benötigt.

Hinweis: * = Partnerlinks. Möchtest du die Website ohne den Umweg eines Partnerlinks betreten, dann folge diesem Verweis: www.blumentals.de.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Aber so ganz gestaltet sich die Suche nicht, denn schon alleine an diversen Online-Diensten gibt es eine ganze Menge. Der Artikel bei Smashing Magazine listet mehr als 45 Dienste auf. Und das sind nicht alle. Hier braucht man viel Zeit und Geduld um zu testen.

Snipplr habe ich kurz ausprobiert und an sich war ich recht zufrieden. Allerdings ist die Website mittlerweile sehr langsam und voller Werbung. Ich persönlich habe nichts gegen Werbung, aber dort ist es ein bisschen zu viel des Guten. Evtl. sollten sich die Betreiber vielleicht überlegen auch kostenpflichtige Accounts ohne Werbung anzubieten.

Guido Mühlwitz stellt in Verwaltung von Snippets – Code-Schnipsel Deluxe vier Desktop-Anwendungen vor, die die Code-Schnipsel verwalten. Allerdings hat mir keine der Anwendungen wirklich zugesagt.

Ich habe mir sogar überlegt auf einer Subdomain DokuWiki zu installieren und dort die anfallenden Code-Fragmente zu sammeln, zu kommentieren und zu verwalten. Das ich nicht der einzige und erste bin, der auf diese Idee gekommen ist zeigt Peter Kröner in seinem Code-Wiki.

Was ich denke, dass mir momentan am meisten zusagen würde, wäre ein Online-Dienst der sich entweder durch Werbeeinnahmen oder durch kostenpflichtige Zusätze finanziert, wo man die einzelnen Code-Fragmente als öffentlich oder privat markieren kann – hier fallen Desktop-Anwendungen schon mal raus – und wo man vergleichsweise einfach exportieren kann, zum Beispiel in einem gängigen Text-Format wie xml.

Was nutzt ihr denn um die Code-Schnipsel zu verwalten?

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

CSSDesk im Einsatz

Zu dem Dienst gibt es nicht viel zu sagen. Links oben kommt das HTML, darunter die CSS-Angaben und rechts sieht man dann das Ergebnis.

Ganz oben kann man die Syntaxhervorhebung de-/aktivieren, Hintergrund auswählen, einen Permalink zu dem Kunstwerk generieren lassen oder man kann das ganze dann auch auf den eigenen Rechner herunterladen.

Das ganze ist zumindest in Firefox nicht sonderlich schnell und auch die Bearbeitung der einzelnen Codezeilen gestaltet sich sehr zäh, aber um ganz schnell etwas zu testen ist das Tool optimal.

Ach ja, wie erwartet funktioniert das Tool weder in Internet Explorer 6-8.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Twitter-Archiv in Form eines Linkblogs mit Furthere.com

Nach dem man den eigenen Twitter-Account mit dem Dienst verheiratet hat, fängt Furthere seinen Dienst an. Es werden sowohl die letzten Tweets (konnte nicht herausfinden wie viele) als auch das Layout des Twitter-Accounts übernommen. Die Hashtags fungieren dabei als "Blog-Kategorien" und die Links und Quellen werden im Fußbereich aufgelistet.

In den Optionen kann man unter anderem einstellen, wie viele Tweets pro Seite aufgelistet werden und man kann einstellen, dass nur Tweets die mit bestimmten Tweets ausgezeichnet werden in das Archiv auf Furthere aufgenommen werden.

Interessant finde ich die Möglichkeit weitere "Mitarbeiter" einzuladen. So kann man mit mehreren Kollegen recht schnell ein Link-Verzeichnis auf Basis von Twitter erstellen.

Die einzelnen Tweets in der Timeline von Furthere.com kann man zum einen löschen oder erweitern: um zusätzlichen Text und Tags.

Auf den Dienst bin ich durch einen Linktipp in der letzten c't aufmerksam geworden.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen