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

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

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

Die ausführliche HTML- und CSS-Referenz CodeBurner kommt in mehreren Geschmacksrichtungen daher. Entweder als Erweiterung für den Firebug, als Addon für den Firefox, als eine Air-Anwendung, als eine Erweiterung für Opera oder als Teil des OS-X-Dashboards. Es ist auch geplant CodeBurner als Erweiterung für Dreamweaver CS4 herauszubringen.

Zu meinem Bedauern funktionieren die Erweiterungen für den Firebug und für den Firefox noch nicht in Firefox 3.6. Daher muss ich mich fürs erste mit der Air-Anwendung begnügen. Bei Adobe Air handelt es sich um eine plattformunabhängige Laufzeitumgebung, welche man vorher logischerweise installiert haben muss um die Air-Anwendungen zu benutzen.

CodeBurner als Air-Anwendung

In der Anwendung kann man nach HTML-Elementen und -Attributen sowie nach CSS-Eigenschaften, -Selektoren und nach den @-Regeln (At-Regeln) suchen. In weiteren Bereichen des Programms kann man sich den DOM und die CSS-Dateien einer Website auflisten lassen.

Klickt man dann im Code auf ein Element, Attribut, Selektor oder Eigenschaft, dann wird auszugsweise, die Dokumentation angezeigt. Will man mehr erfahren, dann gelangt man mit dem Klick auf "more…" auf die ausführliche CSS- bzw. auf die HTML-Referenz von SitePoint.com.

Die beiden Dokumentationen sind vergleichsweise aktuell und es werden momentan folgende Browser berücksichtigt: Internet Explorer 5.5 bis 8, Firefox 1.0 bis 3.5, Safari 1.3 bis 4.0, Opera 9.2 bis 10.0 und Chrome 2.0.

Die beiden Referenzen sind wirklich sehr ausführlich und durch die Kommentare der eingeloggten Nutzer, bleiben sie auch jenseits der Updates der Betreiber auf einem aktuellen Stand.

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

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

Tab-Vorschau von Firefox in der about:config aktivieren

Dann muss man bei den den Schlüsseln browser.allTabs.previews und browser.ctrlTab.previews den Wert, wie in der Abbildung zu sehen, per Doppelklick auf true setzen. Danach hat man ganz rechts in der Tableiste einen neuen Knopf (vier Punkte). Betätigt man diesen, dann erscheint die Tabvorschau, zum Beispiel:

Tab-Vorschau im Firefox

Alternativ kann man die Tab-Vorschau aufrufen indem man die Tastenkombination strg+Tab bzw. ctrl+Tab aufruft.

Die Vorschau ist meiner Meinung nach sehr nützlich, wenn man wie ich des öfteren 15-20+ Tabs in einem Browserfenster offen hat.

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

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

Ändern kann man diese "tolle" Neuerung in den Einstellungen leider nicht und das ist was mich ein bisschen ärgert. Wenn man schon gewohnte Sachen ändert, dann soll man zumindest dem Nuzer die Möglichkeit einräumen, selber zu entscheiden ob er das möchte bzw. eine einfache Möglichkeit anzubieten, dies zu ändern.

Will man denoch das alte Tab-Verhalten haben, dann muss man in die about:config rein – einfach about:config in der Adressleiste aufrufen – und nach dem folgenden Schlüssel suchen: browser.tabs.insertRelatedAfterCurrent:

Wo soll sich der neue Tab öffnen?

Dort den Wert true auf false setzen: ein Doppelklick auf den Schlüssel reicht. Ein Neustart von Firefox ist nicht notwendig.

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

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

Mit Free Monitor for Google die Keyword-Positionerung verfolgen

In den Einstellungen kann man unter anderem Einstellen wie viele Suchergebnisse geliefert werden, in welchem Land gesucht werden soll und ob ein Proxy eingesetzt wird. Anschließend kann man mit einem Klick auf das grüne Plus-Zeichen eine zu prüfende Website einfügen, zu prüfende Keywords eingeben und die Suche starten (das Lupen-Icon).

Das Programm ist kostenlos und nur für Windows (98 bis Vista) verfügbar … ob es mit Windows 7 kompatibel ist, kann ich leider nicht sagen.

Viel Spaß beim Prüfen.

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

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

Sowohl Dexpot, VirtuaWin, Vista & XP Virtual Desktops, WindowsPager als auch Desktops 1.0 haben keine wirklich unabhängige Desktops. Erstelle ich eine Datei, einen neuen Ordner oder eine Verknüpfung auf einem Desktop so wird dies auch auf den anderen vollzogen. Was ich aber bräuchte wäre die Option auf verschiedenen Desktops auch verschiedene Icon-Landschaften zu haben.

Kennt da jemand eine Lösung, die auch mit Windows Vista SP2 funktioniert?

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

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

Neben den üblichen Neuerungen wird dort ein interessanter Aspekt beschrieben: man kann Websites als Tabs aufrufen. So kann man z. B. im Thunderbird 3 seinen Facebook-Account und Google Kalender pflegen und in Google Wave schreiben.

Websites in Thunderbird (Facebook)

Und wie erreicht man das? Man muss unter "Extras" die "Fehlerkonsole" aufrufen und folgenden Code angeben:

Components.classes['@mozilla.org/appshell/window-mediator;1'].getService(Components.interfaces.nsIWindowMediator).getMostRecentWindow("mail:3pane").document.getElementById("tabmail").openTab("contentTab",{contentPage: "https://wave.google.com/wave/?nouacheck"});

Mit der oberen Angabe ruft Thunderbird ein neues Fenster mit Google Wave auf. Die Stelle wo du deine gewünschte URL angeben musst, habe ich hervorgehoben. Der URL-Anhängsel ?nouacheck unterdrückt die Prüfung des Clienten bzw. des Browsers.

Du möchtest den Kalender-Dienst von Google aufrufen, hier der Code:

Components.classes['@mozilla.org/appshell/window-mediator;1'].getService(Components.interfaces.nsIWindowMediator).getMostRecentWindow("mail:3pane").document.getElementById("tabmail").openTab("contentTab",{contentPage: "http://www.google.com/calendar/render"});

Ein bisschen Facebook? Bitteschön:

Components.classes['@mozilla.org/appshell/window-mediator;1'].getService(Components.interfaces.nsIWindowMediator).getMostRecentWindow("mail:3pane").document.getElementById("tabmail").openTab("contentTab",{contentPage: "http://de-de.facebook.com/"});

So könnte man zum Beispiel, Dienste die eher etwas mit E-Mails, Terminen, Kontakten bzw. Adressen zu tun haben in Thunderbird öffnen und verwalten.

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

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

Dropbox-Logo

Bei Dropbox handelt es sich um einen webbasierten Dienst, der einem eine komfortable Art ermöglicht Backups zu erstellen, die Dateien zwischen verschiedenen Rechnern zu synchronisieren und Dateien mit Kollegen zu teilen. Alles was man machen muss, ist es sich die kostenlose Software (Win, Mac und Linux) herunterzuladen, zu installieren und dann entweder einen neuen Dropbox-Account zu erstellen oder den Rechner mit einem bereits bestehenden Account zu verknüpfen.

Backup und Synchronisation

Wenn man Dateien oder Ordner innerhalb von "My Dropbox" ablegt, dann werden diese entweder sofort oder bei freien Kapazitäten (je nach Einstellung) über eine gesicherte Verbindung (SSL) auf den Dropbox-Server hochgeladen und alle anderen Rechner, die mit dem Dropbox-Account verbunden sind, bekommen die Änderungen als Download zugespielt. Das gleiche gilt, wenn man eine existierende Datei oder einen Ordner bearbeitet. Dabei bemüht sich das Programm nicht die komplette Datei sondern lediglich die Änderungen zu übertragen.

Somit hat man nicht nur eine Synchronisation zwischen mehreren Rechnern, sondern auch gleichzeitig einen Backup, weil die Dateien sich nicht nur auf einem, sondern auf mehreren Rechnern und darüber hinaus extern im Web befinden.

Somit ist Dropbox für alle Leute interessant, die auf mehreren Rechnern arbeiten müssen oder für Leute die im Team an einem Dokument bzw. Projekt arbeiten müssen, z. B. bei einem Buchprojekt. Dropbox hat uns bei unserem letzten Buchprojekt jede Menge Zeit und Nerven gespart.

Öffentlicher Ordner

Nach der Installation gibt es im Dropbox-Ordner mehrere vorgefertigte Unterordner. Einer davon heißt "Public" welcher für den Dateitausch gedacht ist. Wenn man die Dateien innerhalb dieses Ordners ablegt und das Kontextmenü aufruft, dann hat man die Möglichkeit sich den Link zu dieser Datei zu kopieren und an die Kollegen weiter zu schicken. Nur diejenigen, die den Link kennen können auf die Datei zugreifen.

Sicherheit

Nach Angaben der Betreiber werde die Daten über eine verschlüsselte Verbindung (SSL) übertragen und auf dem Server werden die Daten auch verschlüsselt (AES-256).

Was kostet Dropbox?

Der Basisaccount ist kostenlos und beinhaltet 2 GByte Platz. 50 GByte kosten 10 US-$ und 100 GByte 20 US-$ pro Monat. Man kann allerdings den Basisaccount auf 3 GByte erweitern in dem man neue Nutzer einlädt

Falls dich Dropbox interessiert und du mir einen kleinen gefallen tun möchtest, dann kannst du dich über folgenden Link registrieren. Dir entstehen keine Nachteile, aber ich bekomme 250 MByte extra Speicherplatz.

Sonstiges

In der Zukunft soll es möglich sein, dass wenn die Rechner, die mit dem gleichen Dropbox-Account verbunden sind, zum gleichen Netzwerk gehören, die Synchronisation nicht oder nicht nur über das Web geschieht sonder über das lokale Netzwerk (LAN). Das ist vor allem interessant bei großen Dateien, weil in aller Regel die Netzverbindungen um ein vielfaches schneller sind als die Upload-geschwindikeiten bei den gängigen Breitbandverbindungen.

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

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

SpaceSniffer

Dauernd krebst eine meiner Festplatten-Partitionen immer am Limit herum. Ständig muss ich Sachen löschen um Platz für wichtigeres zu machen. Und irgendwie weiß ich gar nicht Warum?

Ich habe meine Festplatte partitioniert, so dass es einen Bereich für "Grundlegendes" gibt (Windows, Office etc.), einen Bereich für die Arbeit (Dokumente, Projekte), einen Bereich für Privates (Fotos, Dokumente etc.) und einen Spiele-Bereich. Und ausgerechnet der Bereich, der die grundlegenden Programme beinhaltet ist andauernd voll. Und weiß der Teufel woran das liegt? Irgendwie fiel mir auch keine praktikable Methode ein, wie ich herausfinden könnte welches Programm jetzt der Speicherfresser ist.

Nun bin ich in Caschys Blog auf das Programm SpaceSniffer gestoßen. Und was soll ich sagen? Heruntergeladen, gestartet und den Übeltäter gefunden.

Der Platzbedarf einzelner Dateien wird dabei – in Relation zu den anderen – als Rechteck dargestellt. In Ordner kann man sogar per Doppelklick hineinzoomen. Eine recht übersichtliche Darstellung, die auch wenig erfahrenen Nutzern (was das Innenleben des PCs angeht) auf einen Blick zeigt, wer die Platzfresser sind.

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

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