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.
All-in-One Sidebar: Website-Infos in der Seitenleiste des Browsers
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.
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.
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.
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.
Firebug: CSS Usage im Einsatz
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…
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.
Screengrab: ein einfaches, aber nützliches Screenshot-Tool
Tools um Abbildungen (Screenshots) von Teilen oder von einer ganzen Webseite zu machen, gibt es viele. Eines davon ist Screengrab was als Erweiterung für Firefox daher kommt. Nach der Installation kann man einstellen ob die Screenshots im PNG- oder JPEG-Format abgespeichert und ob der Dateiname mit einem eindeutigen Zeitstempel versehen werden soll:
Screengrab: Dateiformate
Die Funktionen von Screengrab kann man entweder via Kontextmenü oder über das Icon in der Statusleiste aufrufen: weiterlesen…
BBCodeXtra für Mozilla
BBCodeXtra ist eine sehr interessante Erweiterung für Vielschreiber bzw. für Menschen, die in verschiedenen Foren und auf verschiedenen Webplattformen schreiben – somit gehören die Blogger auch zu der Zielgruppe. Das Add-on kann man sowohl unter Mozilla Firefox als auch unter SeaMonkey nutzen. In beiden Gecko-Browsern integriert sich die Erweiterung im Kontextmenü (Rechtsklick). weiterlesen…
Screencasts bzw. Video-Dokumentationen mit Firefox erstellen
Capture Fox ist eine Erweiterung für Firefox mit der man Screencasts erstellen kann. Bei Screencasts handelt es sich um Dokumentationen im Video-Format, die entweder noch zusätzlich besprochen werden oder auch ohne Audio-Kommentare auskommen können.
Nach dem man das Add-on installiert und Mozilla-Firefox neu gestartet hat, bindet sich in der Statusleiste des Browsers das Icon der Erweiterung ein:
Icon von Capture Fox in der Statusleiste
Daneben befindet sich auch die Zeitangabe über die Länge der momentanen Aufnahme … diese zeigt logischerweise erst einen Wert an, wenn die Aufnahme startet. Diese startet man in dem man das Icon anklickt:
Optionen festlegen und Screencast starten
Bevor man loslegt hat man die Möglichkeit einige Optionen festzulegen:
- Soll der komplette Bildschirm oder nur der Firefox-Bereich aufgenommen werden?
- Wie soll die Video-Qualität sein: niedrig, mittel oder hoch?
- Soll auch Ton aufgenommen werden?
Nach dem man die Optionen festgelegt hat kann man loslegen. Wenn man mit der Aufnahme fertig geworden ist, klickt man wieder auf das Icon in der Statusleiste:
Screencast abspeichern?
Anschließend haben Sie die Möglichkeit, die Aufnahme abzuspeichern (nur .avi), die Aufnahme anzuschauen, von Vorne anzufangen oder die Anwendung zu schließen.
Sicherlich, die kleine Erweiterung kann sich in keinster Weise mit z. B. Camtasia oder Wink messen. Dennoch kann es unter Umständen notwendig sein auf so eine kleine, aber einfache Anwendung zurückzugreifen.
Firefox-Erweiterungen auflisten
Mit Hilfe der Erweiterung Extension List Dumper kann man die installierten Firefox-Add-ons auflisten lassen. Dabei kann man wählen ob man alle oder z. B. nur die aktiven Erweiterungen auflistet. Dann kann man sich für ein Ausgabeformat (Text, XHTML, CSV) entscheiden und bestimmen welche zusätzliche Inhalte, z. B. Versionsnummer und Beschreibung, mit in die Auflistung kommen sollen. Danach kann man das ganze Speichern, Drucken oder in die Zwischenablage kopieren.
Firefox: Extension List Dumper
Hier die Firefox-Erweiterungen, die bei mir ihren Dienst verrichten: weiterlesen…
Bespin: der Code-Editor der Zukunft?
Ein sehr interessantes Projekt von Mozilla kann man seit gestern ansehen und schon etwas austesten: Bespin in der Version 0.1a: ein webbasierter Code-Editor.
Einige der Features bzw. Ziele sind:
- einfach zu benutzen
- integrierte Kommandozeile
- hohe Performance auch bei sehr umfangreichen Dokumenten
- Echtzeit-Zusammenarbeit an einem Dokument
- Syntaxhighlighting
Am aussagekräftigsten ist allerdings das folgende Video aus dem Mozilla-Labor:
Introducing Bespin from Dion Almaer on Vimeo.
Mein erster Eindruck: boah. Sieht sehr schick aus, scheint wirklich geeignet für umfangreiche Projekte und die Möglichkeit mit anderen an der gleichen Datei zu arbeiten wird in der Zukunft neue Möglichkeiten eröffnen. Ich bin auf jeden Fall gespannt wie die Entwicklung weiter geht.