Webwork-Tools - Dem Webworker seine Werkzeugkiste

Mit Thunderbird 3 Facebook, Google Wave oder Google Kalender verwalten

Als ich am Samstag die neue c't bekommen habe ist mir ein Artikel über Thunderbird 3 aufgefallen, welchen es in voller Länge auch online gibt: Besser mailen – Thunderbird 3 wird flügge.

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.

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.

CSS Usage: welche CSS-Regeln kommen zum Einsatz?

Ich habe gestern Firebug beschrieben: das Firefox-Addon, wenn es darum geht Fehler auf Websites zu finden und zu beheben. In dem gleichen Artikel habe ich auch erwähnt, dass Firebug auch Erweiterungen anzubieten hat. Eine davon mit dem Namen CSS Usage will ich jetzt kurz vorstellen.

Nach der Installation bindet sich die Erweiterung im Firebug-Menü ein. Wenn man dann auf einer Website den Knopf "CSS Usage" betätigt, dann listet die Erweiterung sämtliche CSS-Regeln auf.

Dabei werden eingesetzte Regeln mit hellgrüner Farbe ausgegeben. Regeln, die auf einer anderen Unterseite eingesetzt wurden, werden in dunkelgrüner Schriftfarbe ausgegeben und rot sind die Regeln, die gar nicht zum Einsatz kommen. Um ein aussagekräftiges Ergebnis zu bekommen, muss man daher mehrere Unterseiten ansteuern.

Anschließend kann man die nicht eingesetzten CSS-Regeln manuell löschen oder sich mit einem Klick auf "export cleaned css" eine automatisch bereinigte CSS-Datei ausliefern lassen.

Firebug: dem Webworker seine liebste Feuerwanze

Neben der Web Developer Toolbar, welche ich hier, hier und hier beschrieben habe, ist Firebug die Firefox-Erweiterung, die ich am meisten einsetze und die mir unschätzbar wertvolle Dienste erweist, wenn es darum geht eine Website unter die Lupe zu nehmen und auf "Herz und Nieren" zu prüfen.

Auch wenn den allermeisten Webworkern die Erweiterung bekannt sein durfte, werde ich sie hier dennoch aus zwei Gründen beschreiben. Es gibt noch erstaunlich viele Webdesigner, die das Firefox-Addon nicht kennen und zudem wollte ich in Zukunft einige Erweiterungen (Extensions) für Firebug vorstellen und mich dann auf diesen Artikel beziehen. weiterlesen…

Google kauft EtherPad

EtherPad habe ich schon sowohl hier im Weblog als auch im Buch (S. 156) beschrieben. Bei EtherPad handelt es sich um einen webbasierten Texteditor, der seine Stärken ausspielt wenn mehrere Leute am gleichen Dokument arbeiten, weil er es ermöglicht das man wirklich in Echtzeit an einem Dokument arbeiten kann.

Nun hat Google den Dienst gekauft und es sah so aus als ob Google den Dienst schließen will (es konnten keine neuen Dokumente erstellt werden), weil die EtherPad-Entwickler an Google-Wave weiter arbeiten sollten.

Es haben sich aber, verständlicherweise, sehr viele EtherPad-Nutzer beschwert und daher wird der Dienst bis auf weiteres nutzbar sein bis die ganze Anwendung dann als OpenSource zur Verfügung gestellt wird.

Hierbei frage ich mich warum Google den Schritt (EtherPad als OpenSource) nicht direkt gemacht hat. Man kann, in meinen Augen, auch als ein gewinnorientiertes Unternehmen nicht einfach hergehen, mit dem dicken Geldschein-Bündel wedeln und die Nutzer, die eine Anwendung geschätzt gelernt haben, so vor den Kopf stoßen. Hier braucht wohl jemand ein bisschen Nachhilfeunterricht in Sachen soziale Kompetenz.

GButts heißt jetzt Google Shortcuts

Die Firefox-Erweiterung mit dem Namen GButts habe ich sowohl hier im Weblog beschrieben als auch im Buch (S. 149) erwähnt. Das Add-on ermöglicht es ganz schnell die verschiedenen Google-Dienste aufzurufen.

Mittlerweile hat der Entwickler die Erweiterung in Google Shortcuts umbenannt.

Das Webwork-Tools-Buch ist da!

Eigentlich ist das Buch schon seit mehreren Tagen verfügbar, aber erst seit heute Abend wird es auch auf Amazon.de* als lieferbar angezeigt. Die anderen Online-Anbieter werden in den nächsten tagen nachziehen.

Die Autorenexemplare haben wir bereits vor ein paar Tagen bekommen und ich muss schon sagen, es macht Spaß in einem farbigen Fachbuch zu stöbern.

Wer sich vorab über das Buch informieren möchte, der kann sich neben dem Vorwort und dem Inhaltsverzeichnis auch zwei kostenlose Kapitel anschauen:

• Inhaltsverzeichnis (PDF, 81 kb)
• Vorwort (PDF, 117 kb)
• Einfuehrung (PDF, 109 kb)
• Alphabetische Liste aller vorgestellten Werkzeuge (PDF, 39 kb)
• Kapitel 5.4 Webdeveloper Toolbar (PDF, 310 kb)
• Kapitel 14.1 Search Status (PDF, 97 kb)

Dateien: Backup, Synchronisierung, Teilen mit Dropbox

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. weiterlesen…

Webwork-Tools in Buchform

Lange hat es gedauert und nun ist es (fast) so weit. Ab dem 01. November sollte unser Buch im Buchhandel verfügbar sein:

Werkzeuge fürs Web *
Nützliche Tools für Webdesigner, Webentwickler, Blogger und Online-Redakteure

In dem Buch haben wir 70 Nützliche Tools für Webworker – Webdesigner, Webentwickler, Blogger und Online-Redakteure – ausführlich beschrieben. Dabei handelt es sich ausschließlich um Tools, die wir immer noch nutzen bzw. früher sehr intensiv genutzt haben. Damit beantwortet sich die Frage "warum wurde das Tool XYZ nich beschrieben" automatisch.

Sicherlich, hier auf der Website beschreiben wir auch sehr oft Tools die wir erst seit kurzer Zeit kennen, aber bei dem Buch haben wir uns bewusst dafür entschieden nur Tools vorzustellen, die wir sehr gut kennen und auch eindeutig empfehlen können.

Kleine, aber feine Tools

Es gab noch eine weitere Beschränkung bei der Tool-Auswahl: es wurden lediglich kleinere bzw. spezielle Tools beschrieben, die es entweder kostenlos (Freeware, OpenSource) oder in einer kostenlosen Basis-Version gibt oder die nicht mehr als ca. 100 Euro kosten. Zudem wurden in dem Buch nicht die Großgewichte – Gimp, Photoshop, Office-Pakete etc. – beschrieben. Es ist ein unmögliches Unterfangen eine Software auf paar Seiten ordentlich zu beschreiben, zu deren Teileinsatzaspekten (z. B: Webdesign mit Photoshop) es ganze Bücher gibt.

Interviews und Linux-Gastbeitrag

Das Buch wird durch Interviews mit zehn Kollegen abgerundet und darüber hinaus gibt es von Peter Kröner einen längeren Beitrag zum Thema "Linux für Webworker". In den Interviews erzählen die Kollegen welche Tools sie selber einsetzen und ich war überrascht was es so an Tools da draußen gibt, die ich überhaupt nicht kannte.

In seinem Gastbeitrag stellt Peter Linux vor und erklärt warum es für Webworker von Vorteil sein kann sich auch, zumindest ein bisschen, in Sachen Linux auszukennen.

Ich hätte gerne neben einem Linux- auch einen Mac-Gastbeitrag gehabt, aber irgendwie hatten die Mac-Leute, die ich angesprochen habe, nicht die Zeit oder Lust … vielleicht dann bei der zweiten Auflage.

Was verstehst du unter Webworker?

In dem Buch, aber auch im Allgemeinen verstehe ich unter Webworker nicht nur dass was man landläufig unter Webdesigner versteht sondern alle Leute, die im oder mit dem Web Geld verdienen: Blogger, SEOs, Online-Redakteure u.v.m.

Das Inhaltsverzeichnis

Wer sich vorab informieren möchte, was im Buch so alles besprochen wird, der kann sich das Inhaltsverzeichnis (PDF, 81 KByte) anschauen. Weitere Infos gibt es auch auf der Seite des Verlags.

Ab wann und wo kann ich das Buch kaufen?

Das Buch sollte ab dem 01. November 2009 verfügbar sein, wobei Amazon.de immer 3-4 Tage länger braucht, bis bei denen das Buch als "verfügbar" klassifiziert wird. Das Buch kann man u. a. direkt beim Verlag oder bei Amazon.de * kaufen bzw. vorbestellen.

* = Amazon-Partnerlink

Wichtiges auf einer Webseite markieren

Schickt man jemandem einen Link zu, der eine textlastige Seite beinhaltet o. ä., kann es nützlich sein relavante Passagen zu markieren – am schönsten und "traditionellsten" natürlich mit einem Textmarker…

Wer das möchte ohne den eigenen Bildschirm zu versauen, sollte den Awesome Highlighter einmal ausprobieren. Von der Website aus wechselt man zur gewünschten URL und setzt dann dort den virtuellen Textmaker ein. Zusätzlich dazu kann man die Seite auch mit Notizen in Form von Post-It-Zetteln versehen. Kennzeichnen kann man neben einfachem Text auch Bilder und Videos.

Die so gekennzeichnete Seite kann man dann als URL per E-Mail versenden. Selbstverständlich kann man den Link auch direkt zu Twitter, delicious, Facebook oder an seinen WordPress-Blog senden.

Wenn man sich bei dem Dienst registriert kann man alle gekennzeichneten Seiten auch speichern und später eine Statistik abrufen, die einem mitteilt wie oft sie angeschaut wurden.

Das Tool gibt es auch als Firefox-Addon oder als Bookmarklet einsetzbar.

Tabs schrumpfen

Tabs, viele, viele bunte Tabs… und schon hat man den Überblick verloren. Je mehr Tabs man geöffnet hat, desto kleiner werden die Dinger eh. Es ist also eine prima Möglichkeit, wenn man bestimmte Tabs – entweder spontan per Tastenkombination oder schon vorher festgelgte URLs – auf Ihr Favicon schrumpfen lassen könnte. So kann man Seiten, die man eh "immer" offen hat (z. B. Google Reader, Mail) klein lassen und hat so mehr Platz für neue Tabs.

Das ganze geht mit dem Firefox-Addon FaviconizeTab und wird in Zukunft glaube ich eines meiner am häufigsten genutzten Addons sein.

Via Der Männerblog