Webwork-Tools - Dem Webworker seine Werkzeugkiste

Firebug: die aktive Schrift in Mozilla Firefox anzeigen

Ein kleiner Tip, der das Potential hat einiges an Mühe zu ersparen. Worum geht es? In Firebug wird die CSS-Datei bzw. werden die entsprechenden CSS-Regeln angezeigt. Dadurch kann man auch erkennen, welche Schriften bzw. Schriftfamilien notiert wurden. Aber man erkennt nicht sofort, welche Schrift tatsächlich aktiv ist.

Möchtest du aber direkt erkennen, welche von den notierten Schriften auch wirklich momentan zum Einsatz kommt, dann solltest du FireFontFamily installieren. das macht das ganze übersichtlicher.

Hier die Firebug-Anzeige ohne die Erweiterung FireFontFamily:

Und hier die Anzeige nach der Aktivierung von FireFontFamily: weiterlesen…

Die kleinen verbesserungen in Firefox 4

Über die diversen Verbesserungen in Firefox 4 wurde schon an sehr vielen Stellen geschrieben. Unter anderem auch bei Golem.de. Ich wollte hier nur ein paar kleine Punkte erwähnen, die mir persönlich gefallen.

Zum einen schluckt Firefox 4 auf meinem System (Windows Vista SP2) viel weniger Arbeitsspeicher als vorher. Zweite Neuerung, die mir gefällt ist, dass wenn man eine Website aufrufen möchte und sie schon in einem anderen Tab oder Fenster offen ist, dass man dann zu diesem Tab wechselt. Das ist gut bei Leuten wie ich es bin, die immer viele Fenster und Tabs offen haben. dadurch wird stück weit verhindert das man noch mehr Tabs öffnet, die in dem Fall auch nicht notwendig sind.

Die dritte Neuerung ist die Möglichkeit Textfelder an eigene Bedürfnisse zu vergrößern oder zu verkleinern. Das war auch vorher möglich, allerdings musste man dafür ein Addon installieren. Und die letzte Neuerung, die mir gefällt ist die Möglichkeit eine kopierte URL in die Adressleiste zu kopieren und automatisch die Website aufzurufen ohne extra klicken zu müssen. Einfach mit rechter Taste ins Adressfeld klicken und Einfügen & Los wählen.

Ich bin mir zwar nicht 100%ig sicher, aber ich glaube Opera war der erste Browser der diese Funktion standardmäßig dabei hatte.

Arboreal: im Firebug den DOM-Baum veranschaulichen

Arboreal ist eine Erweiterung für Firebug, mit der man den DOM-Baum recht gut veranschaulichen kann. Hier ein Ausschnitt:

Den neuen Menüpunkt findet man dann in Firebug wenn man den Hauptpunkt HTML anwählt. Im rechten Kasten befindet sich dann ein Unterpunkt mit dem Namen Visualization.

Schnauze voll von Facebook auf diversen Websites?

Stört es dich, dass sich Facebook in Form von verschiedenen Boxen und Buttons auf diversen Websites breit macht? Kein Problem, wenn du Mozilla Firefox, Safari oder Google Chrome nutzt. Für diese drei Browser existiert eine Erweiterung, die diverse Boxen und Buttons von Facebook auf den anderen Websites blockt.

Ich habe es vorhin getestet und alle Facebook-Boxen, die ich auf meinen bzw. unseren Websites eingebaut habe wurden geblockt.

Via @macx

PixelZoomer: Lupe, Farbpciker und Maßband in Einem

Bei PixlZoomer handelt es sich um ein sehr interessantes Firefox-Addon für Webworker. Mit dieser Erweiterung kann man Aschnitte einer Website vergrößern, die Farbwerte auslesen und Bereiche und Abstände pixelgenau ausmessen.

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.

Tab-Vorschau im Firefox aktivieren

Bin in der aktuellen Ausgabe der c't bin ich über den Tipp gestolpert, wie man die Tab-Vorschau im Firefox 3.6 aktivieren kann. Wieder muss man den Weg über about:config bemühen. Also einfach about:config in die Adresszeile aufrufen und damit es etwas übersichtlicher wird im Feld "Filter:" den Wert previews eingeben:

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:

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.

Wenn Firefox nicht mehr erkannt wird oder nicht mehr starten will

Ich hatte in den letzten Tagen einige Probleme mit Firefox, so dass ich ihn zeitweise mit Frickelfox angesprochen habe. Als erstes hatte ich das Problem, dass mein Firefox auf diversen Websites nicht als solcher erkannt wurde. Unter anderem auch auf der Mozilla-Addon-Seite:

Auf die dauer war das nervig, weil damit auch diverse Funktionen gesperrt waren: so konnte ich auf der Addon-Seite die Erweiterungen nicht direkt installieren sondern musste sie auf die Festplatte speichern und dann den Umweg über Datei / Datei öffnen wählen.

Aber all das Fluchen half nicht, genau so wenig hilfreich hat sich eine Neuinstallation von Firefox und die Deinstallation aller Erweiterungen erwiesen. Ein neues Profil musste her. weiterlesen…

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.