Webwork-Tools - Dem Webworker seine Werkzeugkiste

PrimerCSS: IDs und Klassen aus HTML rauspicken

PimerCSS ist eine kleine webbasierte CSS-Anwendung, die aus HTML die ID- und Klassen-Attribute rauspicken kann und anschließend eine CSS-Datei mit den entsprechenden Selektoren generiert:

Nicht revolutionäres, aber dennoch sehr hilfreich.

Firefox 3.6: neuen Tab am Ende aufmachen

Firefox 3.6 ist gerade mal ein paar Stunden alt und schon hat er mich ein bisschen geärgert. Ich bin es halt gewohnt, dass wenn ich einen neuen Tab aufmache bzw. einen Link im neuen Tab aufmachen möchte, dass sich dieser am Ende der Tableiste aufmacht. Nun ist es in Firefox 3.6 so, dass wenn man einen Verweis im neuen Tab aufruft, sich dieser neben dem aktuellen Tab aufmacht. Manche finden dies gut, ich persönlich nicht. Ist aber im Endeffekt Geschmackssache.

Ä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:

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

Feedly: das Maximum aus dem Google Reader rausholen

Der Dienst Feedly und das dazugehörige Firefox-Addon sind bis vor kurzem völlig an mir vorbei gegangen. Doch mittlerweile ärgere ich mich doch ein bisschen, dass ich mich nicht schon früher mit Feedly auseinandergesetzt habe.

Worum geht es bei Feedly? Der Dienst greift auf deinen Feed-Reader – in meinem Fall auf Google Reader – und stellt die Quellen unter verschiedenen Aspekten und in verschiedenen Formaten dar:

Ich war am Anfang etwas skeptisch, aber es ist schon erstaunlich was für Nachrichten man entdeckt, obwohl die Erweiterung auf den gleichen Informationspool zurückgreift welches mir schon zur Verfügung steht.

Feedly mini

Die Erweiterung bietet darüber hinaus auch eine kleine Toolbar an, welche man in den Einstellungen einblenden kann. Mit Hilfe der Leiste kann man eine Website im Google-Reader empfehlen oder sie speichern. Wie das dann ausschaut, wenn man einen anderen Feed-Reader (z. B. Bloglines) nutzt, kann ich jetzt auf die schnelle nicht sagen.

Dann kann man die Website bzw. den Artikel noch auf Twitter, Facebook oder per E-Mail (Google Mail) empfehlen. Auch der Zugriff auf die Einstellungen ist von der Toolbar möglich. Mit dem Klick auf den obersten Knopf zeigt Feedly den nächsten empfohlenen Artikel an. Da bin ich aber noch nicht so ganz dahinter gestiegen, nach welchem Prinzip die Empfehlungen ausgesucht werden.

Pixlr Grabber: Abbildungen erstellen und bearbeiten

Pixlr Grabber ist eine Erweiterung für Firefox der gehobenen Klasse. Mit diesem Firefox-Addon kann man Screenshots (Bildschirmfotos) erstellen und bearbeiten.

Auf den üblichen Wegen – über Kontextmenü (Rechtsklick) oder durch den Klick auf das entsprechende Icon in der Statusleiste – kann man Pixlr Grabber aktivieren und dann eine Abbildung entweder von der ganzen Website (volle Länge und Breite), einem individuellen Ausschnitt (Select portion) oder dem sichtbaren Bereich (Visible portion) erstellen.

Anschließend öffnet sich ein neues Tab in dem mittels Flash ein Grafikprogramm nachgebildet und das Bild geladen wird:

Die Funktionen der Bildbearbeitung sind beachtlich: Ebenen, diverse Filter (z. B. Scanlinien oder verpixeln), drehen, schneiden, Tonwertkorrektur, Anpassung der Helligkeit und des Farbtons u. v. m. Ich wage zu behaupten, dass mit dieser Funktionalität die allermeisten Online-Redakteure bestens bedient sind.

Lediglich die Export- bzw. Speicherformate lassen zu wünschen übrig. Es stehen nur vier Formate zur Verfügung: .png in höchster Qualität (24 bit), .jpg (mit einstellbarer Qualität), .bmp und das eigene Format (.pxd) welches auch die Ebenen mit speichert. Somit kann man, wenn man Wert auf kleine Dateigröße legt, lediglich auf .jpg zuverlässig zurückgreifen, weil das .png in höchster Qualitätsstufe z. B. für das Screenshot aus der zweiten Abbildung 142 KByte veranschlagt.

Das ist für dein Einsatz auf einer Website zu viel des Guten. Photoshop zum Beispiel, speichert diese png-Grafik (8 Bit) mit lediglich 47 KByte ab.

Gut, durch das fotografische Element im Screenshot-Beispiel ist das png-Format hier eh nicht wirklich geeignet. Aber auch bei Abbildungen, wo sich das png-Format eignet, produziert Pixlr Grabber in etwa 50-60% größere Dateien als z. B. Phtoshop CS2 oder IrfanView.

Widerbug: Firebug in Extrabreit

Die guten, alten 4:3-Monitore werden immer seltener und es breiten sich immer mehr und mehr Monitore die ein 16:10- oder sogar 16:9-Verhältnis haben. Besitzer solcher Monitore wird es interessieren zu wissen, dass es für Firebug eine Erweiterung mit dem Namen Widerbug gibt. Diese Erweiterung optimiert Firebug für solche Breitbildschirme.

Widerbug macht nichts anderes als das er die Firebug-Fläche von unten auf die rechte Seite verschiebt. Nichts weltbewegendes, aber die Besitzer von breiten Monitoren werden dies zu schätzen wissen. Ich persönlich werde Widerbug deinstallieren, weil ich immer die Browser-Sidebar offen habe.

All-in-One Sidebar: zusätzliche Inhalte in die Firefox-Sidebar

Was mir am SeaMonkey bzw. früher an der Mozilla-Websuite immer gefallen hat, war die richtige Sidebar im Browser, wo man Teile des Browsers oder zusätzliche Inhalte in der Seitenleiste des Browsers ablegen konnte. Speziell bei größeren Monitoren ist dies eine nette Sache.

Leider besitzt Firefox standardmäßig eine lediglich kastrierte Sidebar, die entweder nur die Lesezeichen oder die Browser-Chronik (History) anzeigen kann. Die Erweiterung All-in-One Sidebar kann hier Abhilfe schaffen.

Neben der Möglichkeit Lesezeichen und die Chronik in der Sidebar auszulagern kann man nun dank der Erweiterung auch die Auflistung der Downloads, Addon-Verwaltung und die Website-Infos anzeigen lassen. Zudem kann man an der Sidebar diverse Einstellungen tätigen, wie z. B. das sie rechts und nicht links erscheinen soll.

Neues Layout und neue Funktionen

Dieses Weblog existiert seit dem August 2008 und seit dem Zeitpunkt hatte es ein Provisorium als Layout. Daher wurde es an der Zeit, dieser Website ein ordentliches Design zu spendieren.

Mit der Ausarbeitung einer grafischen Vorlage habe ich Christina von Poser beauftragt und ich bin mit der Arbeit sehr zufrieden. Die Photoshop-Datei lag schon seit November auf meiner Festplatte und erst in den letzten Tagen hatte ich Zeit das Layout auch umzusetzen. Schande über mich. Aber so ist das halt, wenn am Ende des Monats noch so viel Arbeit übrig bleibt.

Nicht nur neues Aussehen, auch neue Funktionen

Die Gelegenheit habe ich dann auch gleichzeitig genutzt um den Weblog auch neue Funktionen zu spendieren. Im Zuge des Redesigns habe ich den Kommentar-Bereich modernisiert bzw. auf den Kommentar-Loop umgestellt, der mit WordPress 2.7 eingeführt wurde.

Dadurch ist es unter anderem möglich Kommentare zu verschachteln bzw. die Antworten auf Kommentare auch visuell zu hervorheben. Zudem gibt es unter jedem Kommentar einen Antwort-Link, mit dem man Bezug zu dem jeweiligen Kommentar nimmt.

Free Monitor for Google

Ich habe vor ein paar Tagen auf SEO Scene das Tool Free Monitor for Google wieder entdeckt. Mit dem kleinen Programm kann man recht einfach, die Positionierung einer Website, bei bestimmten Keywords (Suchwörter) 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.

PocketMod: der personalisierbare Taschen-Organizer

Das ganze sieht auf den ersten Blick ein bisschen nach Origami aus, aber bei näherem Hinsehen entfaltet sich die wirklich beeindruckend vielfältige Einsatzmöglichkeit von PocketMod.

Auf 8 Seiten (Front, 6 Innenseite und Rückseite) einen eigenen Taschen-Organizer zusammenstellen. Das ganze funktioniert mit Widgets, die man sich per Drag & Drop zusammen stellen kann. Dabei hat man eine große Auswahl an Inhalten:

• Beschreibbare Seiten (liniert, kariert etc.)
• Kalender (Woche, Monat etc.)
• Listen (Aufgaben, Einkauf, Ernährung etc.)
• RSS-Feeds
• Zum Nachschlagen (Umrechen-Tabellen, Formeln etc.)
• Spiele (Sudoko, Tic Tac Toe etc.)
• Sonstiges (Faltanleitung, Notfall-Telefonnummern etc.)

Zudem kann man Seiten auch komplett frei gestalten.

Hat man seine 8 Seiten zusammen muss man das ganze nur noch ausdrucken, falten und einstecken

Zusätzlich zu dieser Widget-Version, gibt es auch einen PDFtoPocketMod-Converter. Das kleine Programm "quetscht" PDF-Dokumente so zusammen, dass man sie wie den selbst zusammengestellten Organizer zusammenfalten und in die Tasche stecken kann.

Via ToolBlog

Bilder drucken aus dem Kontextmenü heraus

Mir fällt nicht viel ein, was ich an Mozilla Firefox – im Vergleich zum Internet Explorer – kritisieren könnte. Aber eine Sache gibt es dann doch: der Kontextmenü-Eintrag: Print Picture (Bild drucken), der fehlt mir doch ab und an. Aber Firefox wäre natürlich nicht Firefox, wenn es kein Add-on gäbe, das hier Abhilfe schafft. Print Image fügt dem Kontextmenü von Firefox den gleichnamigen Eintrag hinzu und schon kann es los gehen mit dem Drucken per Rechtsklick.