CodeBurner ist ein Firefox Addon, das sich in Firebug integriert. Die Autoren des Plugins sind http://www.brothercake.com/, zur Verfügung gestellt wird das Tool jedoch von SitePoint. Dabei wurde schon eine Namensänderung vorgenommen. Vormals FireScope, heißt das Tool nun CodeBurner um eine Verwechslung mit der gleichnamigen Firma entgegen zu wirken.

Nach der Installation gibt es einen neuen Reiter “Reference” innerhalb von Firebug. Dieser beinhaltet eine Suche über HTML Elemente, Attribute und CSS Eigenschaften. Das Ergebnis zeigt das jeweils gefundene Element, bzw. die gefundenen Elemente, inklusive einer kurzen Beschreibung, an und zeigt direkt, welche Browser dies wie unterstützen. Mit einem Klick auf “more” erreicht man die ausführliche Referenz von Sitepoint.com.

Zudem klinkt sich CodeBurner in verschiedene Kontextmenüs von Firebug ein, so dass es auch in den verschiedenen Inspektoren verfügbar ist. Die Funktion “Show Code Examples” rundet das Angebot von CodeBurner ab.

Für mich auf jeden Fall eine gute Hilfe und seit Heute eine meiner Standard Firefox Addons.

Das kann die Drucken Funktion auch, allerdings erzeugt dieses Plugin Screenshots auch von Seiten, die länger oder breiter als eine Bildschirmseite sind. Zusätzlich zeigt das Plugin die Seite anschließend in einer Art Bildbearbeitung an, in der der Screenshot weiter bearbeitet werden kann.

In der Bearbeitung können die Bilder direkt zugeschnitten, via E-Mail verschickt und in verschiedenen Formaten abgespeichert werden. Das coolste Feature an der Erweiterung für mich ist die Möglichkeit, die Screenshots direkt zu kommentieren. Also z.B. Markierungen um spezielle Bereiche zu ziehen und diese mit einem Hinweistext zu versehen.

Meiner Meinung nach wirklich ein sehr cooles Tool, welches einem die tägliche Arbeit sehr vereinfacht.

Einziges Manko: die Erweiterung ist nicht für MacOSX verfügbar Zu Hause muss ich also wohl weiterhin beim Pearl Crescent Page Saver bleiben. Dessen Features sind leider nicht ganz so umfangreich, aber vielleicht wird das ja noch…

Nach der Installation befindet sich ein kleines Icon am rechten unteren Rand der Statusleiste des Browsers. Darauf geklickt, wird die Browseransicht zweigeteilt. Im oberen Teil der Seite kann ganz normal weiter gesurft werden. Der untere Teil wird zu einem Editor, mit dem man seine Blog-Einträge verfassen kann.

Mithilfe des Account Wizards kann sehr einfach der Zugang zu dem zu Bearbeitenden Blog eingerichtet werden. Das ungute Gefühl wegen der Eingabe der Benutzerdaten muss wohl einfach hingenommen werden. Nach der erfolgreichen Einrichtung, stehen die letzten 10 Beiträge zum nachträglichen Editieren bereit. Genauso alle erstellten Seiten, sowie alle Kategorien (Auch wenn diese als Tags bezeichnet werden) zur Zuordnung zu Beiträgen.

Vorsicht: einmal auf einen bereits vorhandenen Beitrag geklickt, verschwindet der neu getippte Beitrag auf Nimmerwiedersehen. Gut, das ich in weiser Voraussicht, den gesamten Inhalt in die Zwischenablage kopiert habe…

Ansonsten gestaltet sich das Editieren sehr komfortabel. Folgende Dinge vermisse ich leider in der Erweiterung:

• Eine Rechtschreibkorrektur
• Die Möglichkeit, einen More-Link zu dem Beitrag zuzufügen (Hab ich jedenfalls nicht gefunden)
• Die Möglichkeit Ultimate Tag Warrior Tags zu importieren, bzw. diese einem Beitrag zuzuordnen.

Alle diese für mich fehlenden Elemente lassen sich mit der Tatsache umgehen, einen neuen Beitrag als “Draft” speichern zu können. So kann der Artikel im Live-System nachbearbeitet und fehlende Tags zugeordnet werden.

Den Tag Warrior werde ich künftig wohl sowieso ersetzen, da in der aktuellen Version von WordPress sowieso eine Unterstützung dafür vorgesehen ist. Mal schauen, auf meine coole Tag-Cloud möchte ich eigentlich sehr ungern verzichten.
Zusammengefasst kann man sagen, die ScribeFire Erweiterung ist nicht übel. Das Editieren fühlt sich an wie in einer Office Anwendung und macht damit noch ein wenig mehr Spaß. Über die kleineren Mankos kann ich hinwegsehen. Das ganze ist also auf jeden Fall empfehlenswert.

Viel Spaß beim selbst ausprobieren: http://www.scribefire.com/

Damit kann, ähnlich der “View CSS” Erweiterung des Mozilla Firefox Plugins “Web Developer Toolbar“, das Box model einzelner Elemente von beliebigen Webseiten angezeigt werden.

Einfach von der Webseite des Herstellers, das Bookmarklet idealerweise in die Lesezeichen-Symbolleiste ziehen. Danach jede beliebige Seite laden, den XRAY Button drücken und ein beliebiges Elemente per Klick auswählen. Schon erscheinen Informationen zum ausgewählten Element als verschiebbares Element auf der Webseite. Die Webseite an sich, wird ausgegraut, was die volle Konzentration auf den Infokasten lenkt. Direkt am Element werden auch noch ein paar nützliche Informationen wie die Höhe, die Breite und die Top und Left Position angezeigt.

Dabei kommt das ganze etwas schicker daher als das Info Element aus der “Web Developer Toolbar“. Na ja, muss jeder für sich entscheiden, ich finde es jedenfalls ganz praktisch und schick.

Nach einem Klick auf “Schlüsselwörter suchen” parst die Erweiterung die gerade geöffnete Webseite nach Schlüsselwörtern und listet diese nach Wiederholung und Gewichtung.  Hierbei werden alle Wörter der Seite gesammelt und ausgewertet. In die Gewichtung fließen z.B. die Tatsache mit ein, dass Wörter im Titel höherwertig sind, als in Absätzen.

In den Einstellungen kann die Sortierung der Wörter eingestellt werden. Zusätzlich kann der Benutzer bestimmen, ob Wörter mit weniger als X Buchstaben ignoriert werden sollen. Die ermittelte Liste kann sowohl komplett, als auch in Teilen in die Zwischenablage kopiert und von dort aus weiter verarbeitet werden.

Meiner Meinung nach eine sehr nützliche Extension um eigene Seiten für Suchmaschinen zu optimieren, bzw. zu analysieren.

Nach der Installation der vor kurzem erschienenen Version 1.0 lassen sich alle Einstellungen über ein Icon in der rechten unteren Ecke der Statusleiste vornehmen. Nach einem Klick darauf teilt sich das Browserfenster horizontal und öffnet das Programm im unteren Teil der Seite. Dabei lässt sich das Addon entweder für alle, oder nur für die aktuell angezeigte Seite aktivieren. Generell würde ich empfehlen Firebug nur für ausgewählte Seiten zu aktivieren. Nach einer Weile, mit vielen geöffneten Tabs und universell aktiviertem Firebug, wird der Browser sehr langsam, was nur durch den Neustart von Firefox behoben werden kann.

Das Killerfeature von Firebug ist meiner Meinung nach der Inspect Modus für HTML und CSS. Hiermit lassen sich einzelne Elemente mit der Maus überfahren. Die Ansicht der Erweiterung teilt sich dann erneut. In der linken Spalte, springt man direkt in den HTML Quelltext an die Stelle des ausgewählten Elements. In der rechten Spalte wird dann gleichzeitig die CSS Definitionen angezeigt. Hier werden übrigens auch alle Elemente angezeigt, von denen das ausgewählte seine Einstellungen erbt. Einzelne Definitionen lassen sich deaktivieren um anzuschauen, wie es ohne aussehen würde. Schick ist auch der Layout-Reiter in der rechten Spalte. Hier kann man genau alle Margins und Paddings, sowie die Breite und Höhe des Elements einsehen.

Ein weiteres nettes Feature ist auch die sogenannte Konsole. Hier kann man sehr gut AJAX Requests verfolgen, bzw. debuggen. Angezeigt werden hierbei alle Daten des Requests, sowie alle Daten der Response. Zusätzlich kann man die Header der Request anzeigen lassen. Dieses Feature konnte ich allerdings leider noch nicht allzu genau anschauen.

Als letztes habe ich noch herausgefunden, bzw. gelesen, das von Firebug ein globales JavaScript Objekt namens “Console” zur Verfügung gestellt wird. Damit lassen sich Debugausgaben direkt in die Console von Firebug schreiben. Das erspart einem mühsames alert-Debugging und ist meiner Meinung nach ein sehr nützliches Feature.

Alle Funktionen zu erwähnen würde hier sicher den Rahmen sprengen. Unter http://www.getfirebug.com/docs.html stellen die Entwickler aber auch eine Dokumentation zur Verfügung. Hier ist sicher auch noch der ein oder andere Tipp dabei oder wird das ein oder andere nützliche Feature erwähnt.

Insgesamt finde ich, das Firebug ein super Werkzeug ist, welches einem die Arbeit als Web-Entwickler um einiges leichter macht. Sparsam aktiviert, wird das weitere Benutzen des Browsers auch nicht beeinflusst. Im Laufe der Zeit werde ich sicher noch ein paar weitere Dinge herausfinden, die man so bei der täglichen Arbeit gebrauchen kann.

Unbedingt von http://www.getfirebug.com runterladen und installieren

Zu diesem Zweck gibt es nun, man glaubt es kaum, ein Addon Der Menü Editor für Firefox erlaubt einem, alle Kontextmenüs des Browsers zu editieren. Dabei hat man die Möglichkeit die Menüs von ungebrauchten Funktionen zu bereinigen, sowie das Menü durch Teiler übersichtlicher zu machen. Sehr praktisch!

Selbst ausprobieren unter: http://menueditor.mozdev.org/

Das Plugin heißt FastYub und kann über die normale Firefox Addons Seite bezogen werden. Nach der Installation lässt sich ein Shortcut einstellen um ein YubNub Kommando eingeben zu können. Einmal eingegeben und mit Enter bestätigt, öffnet sich ein neuer Tab und das Kommando wird über YubNub ausgeführt. Sehr cool, da mir jetzt der Umweg über die Firefox Suchleiste (Zwar auch per F6 und Tab erreichbar, in Frameseiten wird es jedoch hakelig ) erspart wird.

Zusätzlich gibt es noch die Möglichkeit seine Top 10 Kommandos zu hinterlegen. Anschließend einfach einen Text in einer Webseite markieren und einen Rechtsklick darauf ausführen. Im Kontextmenü erscheinen dann die 10 beliebtesten Kommandos. Per Klick wird das markierte Wort, oder der markierte Satz als Parameter an die ausgewählte Funktion übergeben.

Einzig die Festlegung des Shortcuts auf STRG-SHIFT und ein beliebiges Zeichen ist ein wenig gewöhnungsbedürftig. Meine erste Wahl, ein Y war z.B. durch die Funktion “View style Information” der Web Developers Toolbar belegt Na ja, ein wenig rumprobiert und der perfekte Shortcut ist gefunden. Vielleicht kann in einer späteren Version auch der gesamte Shortcut frei gewählt werden.

Ansonsten: absolut cooles Feature für Leute, die ungerne die Hände von der Tastatur nehmen um umständlich irgendwelche Funktionen zu erreichen

Darin wird beschrieben, wie man dem Firefox Browser beibringt beim Minimieren den Speicher aufzuräumen. Nach einem kurzen Test, scheint die Lösung wirklich zu funktionieren… Juhu.

Ok, also folgende Schritte sind dazu nötig:

1. In der Adresszeile about:config eingeben und mit “Enter” bestätigen.
2. Mit einem Rechtsklick auf der Seite Neu -> Boolean auswählen.
3. In der nun erscheinenden Box config.trim_on_minimize eingeben.
4. True auswählen und erneut mit “Enter” bestätigen.
5. Firefox neustarten.

Wenn nun der Speicherverbrauch mal wieder sehr hoch ist, einfach den Browser kurz minimieren und danach wieder maximieren. Et voilà, der Speicherverbrauch bewegt sich wieder in einem normalen Rahmen.

Laut dem Artikel auf http://www.4thcube.de/blog/ funktioniert das ganze nur beim tatsächlichen Minimieren des Browsers via Minimieren Button. Shortcuts, wie z.B. Win-D funktionieren nicht.

Das erste Update das ich installiert habe heißt “Update Notifier“. Sind nun Updates für Firefox-Erweiterungen oder installierte Themes vorhanden, wird ein Symbol in der oberen rechten Ecke des Browsers angezeigt, mit einer Liste der verfügbaren Aktualisierungen.

Zusätzlich dazu, können noch verschiedene Einstellungen vorgenommen werden, wie dann zu verfahren ist. Ganz Faule können eventuell verfügbare Updates automatisch installieren lassen. Somit ist man, ohne sich darum kümmern zu müssen, immer auf dem aktuellen Stand.

Downloaden und selbst ausprobieren unter: http://www.longfocus.com/firefox/updatenotifier/

Das zweite und meiner Meinung nach coolste Update ist “Tab Mix Plus“. Einmal installiert können die verschiedensten Dinge für Tabs eingestellt werden. So kann z.B. eingestellt werden, das mehrere Tabs in mehreren Zeilen angezeigt werden sollen. Außerdem speichert er beim Schließen geöffnete Tabs zwischen und stellt diese nach dem Öffnen des Browsers wieder her.

Dies war nur ein grober Überblick über die Einstellmöglichkeiten der Erweiterung. Hier alle Möglichkeiten aufzulisten, würde den Rahmen sprengen.

Das ganze macht für mich folgende Erweiterungen überflüssig:

• SessionSaver (soll angeblich für das Speicherproblem verantwortlich sein).
• Tabbrowser Preferences (Funktionen lassen sich komplett mit Tab Mix Plus abbilden).
• Duplicate Tab (Funktionen ebenfalls in Tab Mix Plus vorhanden).
  

Weniger Addons bedeutet natürlich auch automatisch weniger Speicherverbrauch. Mal schauen, ich werde das ganze Mal im Auge behalten.

Tab Mix Plus ist zum download verfügbar unter: https://addons.mozilla.org/extensions/moreinfo.php?id=1122

Viel Spaß beim Ausprobieren