Erweiterungen (Add-Ons bzw. Extensions) werden ständig weiterentwickelt und es kommen ständig neue dazu. Genau so, wie sich das Netz und die Bedürfnisse der Benutzer entwickeln, verändern sich auch die Werkzeuge darum, die wir benutzen.

Ich habe in den letzten Tagen ein paar neue Erweiterungen für den Browser Firefox als auch für das E-Mail-Programm Thunderbird gefunden die ich Euch nachfolgend kurz vorstellen möchte.

Firefox

Flagfox

Zeigt am rechten Ende der Adressleiste eine kleine Fahne an, entsprechend des Landes in dem der Webserver der aktuellen Seite physikalisch steht. Über einen Rechtsklick (bzw. Linksklick) sind einige Informationen, als auch Dienste wie bit.ly oder xmarks verfügbar.

PrivacyChoice Trackerblock

Blockiert das Verfolgen (“tracken”) eines Benutzers beim Blättern im Internet. Dabei werden so genannte Opt-Out-Cookies benutzt und andere Techniken. Opt-Out-Cookies sind schon vorgefertigte und erstellte Cookies für spezielle Dienste (z. Bsp. Werbedienstleister die einen beim Blättern über mehrere Seiten hinweg verfolgen möchten), die mit falschen bzw. leeren Daten gefüllt sind.

Quick Translator

Früher hatte ich immer eine Erweiterung namens backword installiert. Diese zeigte einem eine Übersetzung bspw. von Englisch nach Deutsch an. Das tolle dabei war, dass die Übersetzung als Tooltipp direkt am Mauszeiger auftauchte. Diese Erweiterung geht jedoch regelmäßig nach einer Firefox Aktualisierung nicht mehr, da sie nicht schnell genug aktualisiert (also für die neue Version angepasst) wird. Bei dem neuen schnellen Entwicklungsprozess von Mozilla wird sie wohl bald gar nicht mehr gehen. Daher habe ich Quick Translator entdeckt. Sie bietet dasselbe, sogar mit dem Vorteil, dass hier die Sprache automatisch erkannt und in alle möglichen Sprachen übersetzt wird. Sehr Vorteilhaft!

Thunderbird

gContactSync

Wer ein Google Mail Konto besitzt und ein Android Mobiltelefon möchte gerne seine Kontakte an einer zentralen Stelle (bei Google Contacts) gespeichert haben, so dass diese über das Telefon hinweg auch auf dem Rechner in Thunderbird landen. Am besten macht das die Erweiterung gContactSync. Sie ändert die Kontaktansicht des Adressbuchs so, dass (fast) alle Google-Kontaktdaten dort Platz finden, auch solche die vorher von Thunderbird nicht vorgesehen waren. Auch werden die Bilder der Kontakte synchronisiert.

Lightning

Lightning ist Mozillas Kalenderapplikation Sunbird Calendar als Thunderbird-Erweiterung. Sie ist in der aktuellen Version 1.04b für die neue Version Thunderbird 5 verfügbar. Sie hat in der letzten Entwicklung einen enormen Schritt gemacht. Termineinladungen aus dem Kalender per E-Mail an Kontakte schicken geht wunderbar (besser als vorher) und auch einige Oberflächenänderungen machen sie besser benutzbar. Ich habe das Senden einer Termineinladung mit Gmail getestet und es funktionierte Einwandfrei!

Thunderbird Conversations

Die beste Erweiterung die ich in den letzten Tagen entdeckte ist Conversations. Hierbei handelt es sich um eine Konversationsansicht (wie man sie von Google Mail kennt) für Thunderbird. Öffnet man eine E-Mail bekommt man also die gesamte zugehörige Kommunikation angezeigt. Zum Auf- und Zuklappen. Sogar mit der PGP-Verschlüsselungserweiterung Enigmail (setzt einen PGP Client wie GnuPG voraus) arbeitet Conversations zusammen (sofern die Verschlüsselung als inline-text und nicht als angehängte Datei vorhanden ist).

Mozilla Firefox Logo

Der neue Firefox 4 RC kann wirklich als ein Turbo bezeichnet werden. Die Mozilla Entwickler haben Firefox einen Nachbrenner beschert, der den Browser sehr viel schneller macht. Im aktuellen RC sind keine weiteren Fehler mehr korrigiert worden, so dass davon auszugehen ist, dass dieser dann als stabile Version herausgegeben wird.
Die endgültige stabile FF 4 Version wird wohl in den nächsten Wochen zum Download bereit stehen.

Das erste was man nach der Installation hat ist ein Aha-Effekt. Der Browser wirkt viel schmaler, schlanker und übersichtlicher und gerade wenn man einen großen Monitor hat, fällt der enorme Platz den die Webseite auf ein mal zur Verfügung hat deutlich ins Auge. Die Browserhersteller besinnen sich allesamt auf das, was eigentlich wichtig ist: Nämlich die Webseite. Diese sollte im Mittelpunkt stehen, denn zum Anzeigen dieser ist der Browser gemacht.

Firefox profitiert in allen Bereichen vor allem von der neuen Javascript-Engine Jägermonkey. Da Firefox selbst in Javascript geschrieben ist und daher auch alle Add-Ons in Javascript laufen, ist auch das ganze Programm schneller als früher. Gerade wenn man mit vielen Tabs arbeitet, wurde bei jedem neuen Tab FIrefox immer langsamer. Hat man dann eine Registerkarte geschlossen oder welche verschoben dauerte es manchmal 1, 2 Sekunden bis Firefox wieder reagierte. Diese Löcher sind gestopft. Keine Zeitverluste mehr. Zusätzlich profitiert (zumindest unter Windows) Firefox von der eingebauten Hardwarebeschleunigung. So werden manche Teile von Webseiten direkt in der GPU zusammen gebaut, was wesentlich schneller funktioniert als wenn es die CPU macht. Insgesamt also ein sehr flotter Browser. Schnell, agil, frisch, einfach zeitgemäß. Der Speicherverbrauch hat sich (wenn ich die alten Werte richtig im Kopf habe) ein klein wenig verbessert. Was gibt es sonst noch neues?

Firefox 4 Oberfläche

Was ist sonst noch neu?

Google-Mail als App-Tab

Bei golem.de haben sie über fünf Seiten zusammengefasst was genau in Firefox 4 alles neu ist. Hier eine kleinere Liste von Dingen die mir beim ersten Ausprobieren ins Auge gefallen und für mich selbst positiv sind.

• Weniger Platzverschwendung durch Firefox und mehr Platz für die Webseite
• Die wichtigsten Menüpunkte sind über den orangefarbenen Firefox-Knopf li oben erreichbar
• Tab Gruppen: Übersicht und Gruppierung aller offenen Tabs – erreichbar über Symbolleiste-Anpassen (Strg+Shift+e); auch als Tab-Candy bekannt
• Sehr schnelles Laden von Webseiten, schnelles Starten von Firefox (auch bei vielen gespeicherten Tabs), schnelles Reaktionsverhalten von Firefox selbst
• Hardwarebeschleunigung für Webseiten
• keine Statusleiste am unteren Ende von Firefox. Die so genannte Add-On-Leiste kann entweder über Firefox > Einstellungen > Add-On-Leiste geöffnet werden oder über Strg+Shift+7 (bzw. Strg+/)
• Beim Öffnen von URLs die bereits in einem Tab offen sind, wechselt Firefox zu dem Tab, statt die Seite erneut zu öffnen
• App-Tabs. Das sind kleine Links (wie Lesezeichen) die direkt neben dem Firefox-Button verfügbar sind und nur aus dem Symbol (Favicon) der Webseite bestehen
• Temporäres Einblenden des Firefox Menüs mit F10 oder einfach Alt drücken
• Kein F6 mehr um in die Adressleiste zu springen, nur noch über Strg+l möglich
• Sehr viel besser nutzbaren Privaten Modus (Strg+Shift+P), da das Laden der Tabs und Webseiten sehr viel schneller funktioniert
• Add-On-Einstellungen und Verwaltung als Webseite im Tab (statt in einem extra Fenster)
• Bessere HTML5 Unterstützung

Im Hintergrund hat sich natürlich viel mehr getan. Ich hab bereits Jägermonkey angesprochen. Aber auch die IndexedDB ist als frühe Vorabversion verfügbar, welche eine Implementierung des Indexed Database API des W3C darstellt. Die neue Web-Console (Strg+Shift+k) die als Headup-Display implementiert wurde, gibt Webseiten Entwickler Einblicke darüber was Firefox bzw. die Webseite gerade tut.

Datenschutzeinstellungen

Im Menü Einstellungen lässt sich unter “Erweitert” ein Haken setzen bei “Webseiten mitteilen, dass ich nicht verfolgt werden möchte” (Don´t Track Me). Das ist eine neue Initiative von Firefox, die auf die Zusammenarbeit mit Werbedienstleistern setzt. Viele Add-Ons wie Ghostery oder Beef Taco versuchen Werbedienstleister die das Verhalten eines Nutzers über mehrere Webseite hinweg aufzeichnen (tracken) zu unterbinden und bekommen das ziemlich gut hin. Die Werbedienstleister erstellen Profile der Benutzer, die sie dann später analysieren und verkaufen können.

Die Idee von Mozilla besteht darin einen extra HTTP-Header (X-Tracking-Choice: do-not-track) zu senden, welcher der Webseite mitteilt, dass dieser User nicht verfolgt werden möchte. Nun sind die Werbedienstleister an der Reihe, den Benutzern das Vertrauen zurück zu geben in dem sie den neuen Header in ihrer Software berücksichtigen. Wenn diese nicht mitspielen ist das ganze leider nur eine gute Idee.

Hilfreiche Add-Ons – eine Übersicht

Die Erweiterungen unter Firefox machen diesen zu dem mächtigen Browser der er wurde. Hier eine kleine Übersicht über aktuelle und interessante Add-Ons. Manche von diesen sind leider momentan noch nicht für Firefox 4 verfügbar. Da ich aber hier mit einem RC arbeite und nicht mit der stabilen Endversion ist das zu verschmerzen. Die meisten Programmierer werden in den nächsten Tagen und Wochen aktuelle für Firefox 4 funktionierende Add-Ons heraus bringen.

Datenschutz und Privatsphäre

• Adblock Plus
  Blockiert Werbung auf Webseiten. Der Fairness halber sollte man Adblock Plus auf kostenlosen Angeboten wie bspw. Nachrichtenseiten deaktivieren, da diese zur Aufrechterhaltung des Angebots auf Werbeeinnahmen angewiesen sind.
• Beef Taco
  Ein Opt-Out-Cookie Add-On. Beef Taco hat über 100 Werbe- und Tracking-Dienstleister gespeichert und manipuliert die Cookies im Cookiespeicher so, dass es dort permanente Cookies gibt, mit für die Webseite nutzlosen Daten (meist einfach nur den Werten “opt” und “out”). Damit kann der Dienstleister den Benutzer über Cookies nicht mehr verfolgen.
• Better Privacy
  Löscht Flash-Cookies, die nicht im Einflussbereich des Browsers liegen und woanders gespeichert werden. Diese werden von manchen Webseiten benutzt um Benutzer permanent verfolgen zu können.
• Ghostery
  Hat eine Liste mit den meisten Tracking-Dienstleistern gespeichert. Die Webseiten binden meistens von diesen Dienstleistern Javascript-Dateien ein, die das Tracken übernehmen. Das erkennt Ghostery und blockiert das Tracking.
• NoScript
  Dieses Plugin sollte nur von Leuten benutzt werden die sich gut auskennen. Es ist zuweilen etwas nervig, da es jegliches Javascript erst ein mal blockiert. Dann muss man manuell für jede Webseite einzeln Javascript freigeben. Das geht auch temporär. Da heute auf fast jeder Webseite Javascript eingesetzt wird, bspw. zur Validierung von Formularen, ist es gerade zu beginn und auf neu besuchten Webseiten etwas mühselig. Später lohnt es sich aber.

Sonstige Add-Ons

• Dictionary Switcher (Wörterbuch Manager)
  Kann zwischen mehreren installierten Wörterbüchern hin- und herschalten. Dabei erkennt er auch die Sprache der Seite. Hilfreich für die Rechtschreibprüfung, wenn man viele Kommentare oder auch E-Mails usw. in verschiedenen Sprachen verfasst.
• Fast Dial
  Gibt die Möglichkeit in einem leeren Tab links mit Vorschaubild anzuzeigen für häufig besuchte Webseiten.
• FireGestures
  Aktiviert Mausgesten in Firefox. Damit lässt sich schnell und einfach mit der Maus navigieren (Vor, Zurück, Neues Fenster, Neue Registerkarten, Link im Hintergrund in neuem Tab öffnen usw.) ohne dabei mit der Maus auf Buttons klicken zu müssen.
• FireShot
  Erweiterung um Bildschirmfotos zu machen, zu bearbeiten und zu speichern / hochzuladen.
• Flagfox
  Zeigt am Ender der Adressleiste eine Flagge an, in welchem Land der Server der Webseite steht (anhand der IP-Adresse). Hat erweiterte Funktionalitäten für Xmarks, den Dienst bit.ly zum Kürzen von URLs, Whois für die aktuelle Webseite usw.
• FoxyProxy
  Umfangreiches Proxy-Verwaltungsprogramm.
• ScrapBook
  Verwaltungstool für Recherchen. Wenn man z. Bsp. für eine Ausarbeitung im Internet Informationen sammelt, kann man diese in Scrapbook wie Lesezeichen sortieren. Die Webseiten werden dabei heruntergeladen und gespeichert. Das bietet die Möglichkeit sie später zu lesen bzw. sie zu bearbeiten. Scrapbook bietet Funktionen wie Text hervorheben (markieren), Notizen hinzufügen und HTML-Elemente entfernen.
• Session Manager (Sitzungs-Manager)
  Erweiterter Sitzungsmanger zum Speichern von offenen Tabs.
• Xmarks Sync
  Speichern und synchronisieren von Lesezeichen, offenen Tabs und Passwörter/Formulardaten über mehrere Computer hinweg. Im Prinzip ein ähnlicher Funktionsumfang wie bei Firefox Sync allerdings mit dem Vorteil, dass man sich auch online Anmelden und dort seine Lesezeichen (auf fremden Computern bspw.) anschauen und benutzen kann.
• Backword
  Übersetzt mit einem Tooltip direkt am Mauszeiger Wörter zwischen Englisch und Deutsch sowie zwischen Chinesisch und Englisch.
• Copy Plain Text
  Kopiert markiert Text über das Kontextmenü als Klartext ohne Formatierung. Hilfreich wenn man Texte bspw. in einem Blog, einer HTML-E-Mail oder Textdokument einfügen, aber dabei nicht die Formatierung der Webseite übernehmen möchte.
• Taboo
  Speichern von Links zum späteren Lesen.

Add-Ons für Webentwickler

• Firebug
  Das wohl umfangreichste und beste Analysewerkzeug zum Arbeiten mit HTML und CSS. Kann inzwischen über andere Add-Ons jedoch viel mehr. Javascript debugging ist möglich, aber auch (sofern es der Server unterstützt) PHP-Debugging.
• Web Developer
  Eine Werkzeugleiste für Webentwickler.
• Yslow
  Ein Add-On für Firebug von Yahoo, welches die Geschwindigkeit (Ladezeit) einer Webseite analysiert.
• Firesizer
  Ermöglicht (über die Statusleiste oder jetzt Add-On-Leiste wie sie in FF 4 heißt) eine beliebige Fenstergröße einzustellen. Gut beim Entwickeln von Webseiten um einen Monitor mit einer geringeren Auflösung zu simulieren.
• ColorZilla
  Picken von Farben aus einer Webseite, Finden von Farben und Anpassungen und Kopieren als CSS-Farbcode.
• HTML Validator
  Zeigt in der Statusleiste an ob die aktuelle Webseite HTML-Konform ist oder ob es Warnungen oder gar Fehler gibt. Hilfreich um standardkonforme Webseiten zu entwickeln.
• MeasureIt
  Werkzeug zum Messen der Größe von HTML-Objekten auf Webseiten.

Since Firefox 3.x is released my Firefox does not delete the history after the set days in the preferences. But there was a little change. In former versions the setting was described with “remember visited pages for the last … days”. But now in the newer versions on the privacy tab in the preferences it is described with: “keep my history for at least”. This implicates, that the browser keeps the history for at least these days and longer. But if you want Firefox to delete the whole history after the set days you have to change something on the core-settings.

Open in a new tab the page about:config and write in the filter bar “history”. There you´ll find a setting which you have to set the days, you wanted the browser to maximal keeping your history:

1. browser.history_expire_days_min

And you have to set the days in your settings preferences > privacy > keeping history for at least.
That´s it.

Since some years I am using for my private e-mail-adress a free Thawte e-mail certificate to sign and encrypt my e-mails. This works via S/MIME (X.509) and is very easy to use. Easier than PGP (which has other benefits).

Last year I had a problem to download the Thawte certificate. I created it and than you have a fetch button to download it. The user must use the same browser on the same computer under the same user he has create the certificate, to download it. I do so, but it does not work.
This year, my certificate expired recently, I try the same. I open the Thawte site, create my new certificate and want to download it, all via Firefox under Windows Vista, but I always get a download window. I select just “open” and every time the Windows Certificate Manager opens. Bastard!

I tried and tried and nothing really worked. It seems that only the public key was imported into Certificate Manager. I export into to import it into Mozilla Thunderbird, but this does not work.

After a short internet search I found the blog article “Thawte-Zertifikat im Firefox unter Windows Vista” by computergott. He wrotes the solution: The user has to start Mozilla Firefox in Compatibility Mode (Windows XP SP2) to import the certificate easily into Mozilla Firefox. Afterwards he can export it (secured by a password) and now it is ready e.g. for Thunderbird.

Here is what to do as a little picture gallery.

First of all: Close all Firefox windows. Then you have to set the compatibility mode to “Windows XP SP2″ for the shortcut via you open Firefox. Then start FF, open the Thawte website, login, create your certificate and download it via the “fetch”-button. Then the certificate must be (without any extra acknowledgement) be imported into Firefox.

Now you can open the certificate manager under Firefox via the preferences and save (export) the certificate. The next step is to open Thunderbird and to import your certificate there. Then you only have to set the preferences for the e-mail account the certificate is for.

Hope this helps someone and prevent me from do the same mistake again next year, when the certificate expires.

Firefox 3.5 Logo

Wie in den letzten Tagen des Öfteren zu lesen war, ist der neue Browser Mozilla Firefox in der Version 3.5 erschienen und bringt damit einige Neuerungen. Neben Geschwindigkeitsoptimierungen interessiert Webentwickler wohl vor allem die Neuerungen des W3C-Standards HTML 5 die z. T. Einzug in Firefox halten, so wie auch teilweise schon in Safari 4 und Opera 10, aber auch von Googles Chrome 2 unterstützt werden oder geplant sind.
Wenn Microsoft mit seinem Internet Explorer 8, welcher schon ziemlich gut geworden ist was Webstandards angeht, nicht bald mit einer Zwischenversion nachzieht, tritt wieder das ein, was die ganze Zeit schon ein Problem war: Browser wie Firefox, Opera und Safari unterstützten standardkonformen HTML-Code, XHTML und CSS und der Internet Explorer (wie in der Version 6 und teilweise auch 7) interpretierten was sie wollen, aber nicht standardkonform oder unterstützten eben manche HTML-Tags gar nicht. Viele Dinge waren damit im IE (bis einschließlich Version 7) einfach nicht sinnvoll zu realiseren oder gar unmöglich. Webentwickler können ein Lied davon singen, was es heißt eine Webseite für die gängistens fünf, sechs Browserversionen zu optimieren.

Zum Beispiel wird Firefox 3.5 die neuen HTML5-Tags für audio und video Inhalte unterstützen. Für die Inhalte wird der Firefox 3.5 die frei verfügbaren Codecs Ogg Theora (Video) und Ogg Vorbis (Audio) nativ unterstützen – es ist also kein PlugIn nötig. Wie bei golem.de zu lesen ist, wird Apple mit Safari auf den H.264 Codec setzen, aber auch Ogg unterstützen. Wie ich aus dem Artikel von golem herauslese, ist dem W3C viel daran gelegen, dass ein freier und nicht proprietärer Codec eingesetzt wird, so wie die von Ogg. Auch heise.de hat einen ausführlichen Artikel über Firefox 3.5 und etwas über HTML 5 veröffentlicht.

Bevor ich eine kleine Übersicht neuer Tags aus HTML 5 gebe, hier ein Video von Mozilla das die Neuerungen in der Version 3.5 (unabhängig von HTML 5) zeigt.

Die Tags audio und video

Der video-Tag lässt sich wie folgt einsetzen.

<video alt=”Ein Beispiel Video” src=”http://www.eineurl.de/mitvideo.avi” height=”123” width=”234” title=”Das ist ein Beispiel-Video” autoplay=”noautoplay” loop=”nolooping”/>Sie können das Video nicht anzeigen</video>

Inklusive einem Text, falls der Tag vom Browser nicht unterstützt wird. Momentan wird auch von vielen Seiten (Videoportalen) Flash für das Streaming von Videos benutzt. Der neue Tag könnte, wenn er breitflächig unterstützt wird, das Ende von Flash zum Streamen von Videos sein.

Ein Beispiel zu Audio Tags:

<audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay>Your browser does not support the <code>audio</code> element. </audio>

Damit lassen sich dann Audio-Dateien im Ogg Vorbis Format abspielen. Beide Tags werden in der neuen Ffox Version 3.5 unterstütz.

Der Tag article

Der article-Tag ist ein Element, um Text (bspw. einen Zeitungsartikel, Forenbeiträge usw.) also solche auszuzeichnen und wird nur als umschließendes Element verwendet. Man könnte es also durchaus als eine art Meta-Element bezeichnen, da es selbst keinen weiteren Zweck erfüllt als den Inhalt näher zu “beschreiben”.

<article>
<p><a href="http://www.karrock.de/daf/">das darmstädterFiltrat</a><br />
Aus Darmstadt gibt es einige Blogs, das darmstädterFiltrat gehört auch dazu. Eine Auflistung der Blogs...</p>
</article>

Der Tag aside

Der HTML5-Tag aside bezeichnet Inhalt der “nebenstehend” zum Gesamtinhalt gehört, aber ihm nicht direkt zugehörig ist. Damit sind bspw. weiterführende Artikel gemeint. Sie gehören nicht direkt zum Artikeltext, aber sind “angegliederte” Inhalte.

<aside>
<ul><li>Quelle 1</li>
<li>Quelle 2</li></ul>
</aside>

Der Tag dialog

Der dialog-Tag kennzeichnet einen Dialog z. Bsp. ein Interview. Dabei können Fragen und Antworten in der üblichen durch Zeitungen bekannten Form ausgewiesen werden.
Bei diesem Tag fällt mir übrigens wieder ein mal auf, dass das US-amerikanische Englisch immer mehr Einzug sowohl in Programmiersprachen als auch ins Web hält. Nach britischem Englisch heißt es eigentlich “dialogue”. Genau wie es eigentlich “colour” heißt.

Die dt-Elemente kennezeichnen den Namen des Dialogpartners und dd die Frage bzw. Antwort, also den gesprochenen Text.

<dialog>
<dt>Zeitung</dt>
<dd>Wird es nach der Bundestagswahl eine Erhöhung der MwSt geben?</dd>
<dt>Bundeskanzlerin Angela Merkel</dt>
<dd>Ähm, ja, also, wissen Sie, ähm. Das gehen wir objektiv an, da müssen wir rein gehen. Das wird von uns in den Ausschüssen geklärt und dann werden wir zu einer sinnvollen Einigung kommen.</dd>
<dt>Zeitung</dt>
<dd>Äh... Ja!</dd>
</dialog>

Der Tag figure

Der figure-Tag kann Elementen eine Bildunterschrift verpassen. Ein Beispiel von microformats.org (s. Quellen):

<figure id="fig2"><legend>Figure 2. Install Mozilla XForms dialog</legend> <img alt="A Web site is requesting permission to install the following item: Mozilla XForms 0.7 Unsigned" src="installdialog.jpg" border="0" height="317" hspace="5" vspace="5" width="331" /></figure>

Der Tag footer

<footer>&copy; 2009 karrock.de/daf/</footer>

Der footer-Tag kann auch in Kombination z. Bsp. mit dem adress-Tag benutzt werden.

Der Tag header

Der header-Tag ist, genau wie footer, ein neuer Tag zum Kapseln des Kopfbereichs. Zum Beispiel für eine Überschrift mit Teaser:

<header><h3>Firefox 3.5 ist da - ein Grund ein Blick auf HTML 5 zu werfen</h3>
<p>Dieser Artikel bietet einen Einblick in die Neuerungen von HTML 5 die zum Teil auch vom Firefox 3.5 unterstützt werden.</p></header>

Der Tag nav

<nav><ul><li>Startseite</li>
<li>Seite 2</li>
<li>Seit 3</li></nav>

Ein Tag um die Seiten-Navigation zu kapseln.

Der Tag embed

Der Tag embed dient dazu Medieninhalte einzubetten. Das könnte z. Bsp. ein Video sein, wie in unserem Beispiel (mal ausgeblendet, dass es für Videos nun auch das video-Tag gibt).

<embed type="video/quicktime" src="/web_design/paris_vegas.mov" width="340" height="140" />

Der Tag meter

Dieser Tag ist dazu da ein Verhältnis (einen Wert) auszuweisen. Gibt man z. Bsp. eine Bewertung eines Elements zur maximalen Bewertung an, so kann man dies mit dem meter-Tag ausweisen.

<meter min="0" max="4711" title="Gewicht / kg">99kg</meter>

Der Tag source

Der Tag source ist ein extra Tag für das Attribut src für Medienelemente. So kann z. Bsp. aus mehreren angegeben Videos das passende ausgesucht werden.

<audio>
<source src="pfad/zum_lied.mp3" type="audio/mpeg">
<source src="pfad/zumlied.ogg" type="audio/ogg">
<p>Dein Browser unterstützt den audio-Tag nicht</p>
</audio>

Der Browser wählt dann die passende Quelle aus.

Der Tag time

Dieser Tag ist dazu da Zeit-Angaben zu kapseln.

<footer>&copy; karrock.de/daf/ - last update on 30.06.2009 <time>18:52</time></footer>

Dieser Tag, könnte bspw. auch für Zeiten für einen Kalender zur Auszeichnung benutzt werden. Unter umständen wären damit automatische Anordnungsregeln, Kalender usw. möglich.

Der Tag canvas

Der canvas-Tag ist wohl eine der interessantesten neuen Tags, auch wenn mir dessen Anwendungsmöglichkeiten momentan noch nicht ganz erschließt. Hier ist es möglich via DOM eine Fläche auszuzeichnen auf der 2d-Zeichnen möglich sein soll. Auf quackit.com wird folgendes Beispiel aufgeführt (dort in Kombination mit einem Javascript – s. Quellen):

<canvas id="myCanvas" width="300" height="200">Your browser does not support the canvas tag. At the time of writing, Firefox, Opera, and Chrome support this tag.</p>
<p>Here's an <a href="/pix/html_5/tags/html_canvas_tag.gif">image of what it's supposed to look like</a>.</canvas>

Der Tag progress

<progress max="100">75%</progress>

oder:

<progress max="17">4 von 17 Fragen</progress>

Der progress-Tag kann z. Bsp. bei einer Umfrage oder bei einem Download als Auszeichnung für den Fortschritt genutzt werden.

Quellen und weiterführende Artikel

Übersicht HTML 5 video-Tag @w3schools.com
Übersicht HTML5 audio-Tag @w3schools.com
Übersicht HTML5 article-Tag @w3schools.com
Übersicht HTMl5 aside-Tag @w3schools.com
Übersicht HTML5 dialog-Tag @w3schools.com
Übersicht HTML5 figure-Tag @w3schools.com
Beispiel HTML5 figure-Tag @microformats.com
Beispiel HTML 5 footer-Tag @quackit.com
Beispiel HTML 5 header-Tag @quackit.com
Beispiel HTML 5 section-Tag @quackit.com
Beispiel HTML 5 nav-Tag @quackit.com
Beispiel HTML 5 embed-Tag @quackit.com
Beispiel HTML 5 meter-Tag @quackit.com
Beispiel HTML 5 source-Tag @quackit.com
Beispiel HTML 5 time-Tag @quackit.com
Beispiel HTML 5 canvas-Tag @quackit.com
Beispiel HTML 5 progress-Tag @quackit.com
Using audio and video in Firefox @developer.mozilla.org
Info und Anwendung zum video-Tag @reelseo.com
HTML5 Übersicht @w3.org
Übersicht zu HTML5 und deren Neuerungen @wikipedia.de

In meinem Beitrag über nützliche Firefox-Erweiterungen habe ich bereits “backword” erwähnt, da war es jedoch noch nicht für Firefox 3.0 verfügbar – was sich nun mit einer neueren Version geändert hat!
Backword ist eine Erweiterung die es erlaubt beim Stöbern im Internet englische Wörter ohne das Öffnen von einer extra Registerkarte oder gar neuem Fenster ins Deutsche zu übersetzen. Einfach mit der Maus über dem Wort verweilen und ein kleiner “Tooltip” wird direkt am Wort eingeblendet und zeigt die Übersetzungen an.

Um die Erweiterung zu installieren besuche die Add-Ons-Seite von Mozilla. Installiere die Erweiterung mit einem Klick auf “Zu Firefox hinzufügen” und starte danach Firefox neu. Nun wird unten rechts in der Statusleiste neben etwaigen anderen Symbolen ein kleines Plus angezeigt.

Klickt man darauf, wird es hellgrün und backword aktiviert – nach erneutem klicken wird es grau und ist damit deaktiviert.

Bei Aktivierung werden, beim Überfahren eines Wortes, mehrere Bedeutungen hintereinander weg von Kommas getrennt als Tooltip angezeigt. Backword sucht automatisch Übersetzungen mit Google. Nun muss man die Erweiterung, da sie eigentlich für Chinesisch gedacht ist, noch so einstellen, dass die von Englisch nach Deutsch übersetzt.

Konfiguration

Zur Konfiguration öffnet man über das Menü Extras / Add-ons die Übersicht über alle installierten Erweiterungen. Dort die Erweiterung “backword” anwählen und auf “Einstellungen” klicken. In der Registerkarte “Settings I” wähle “Google – German”. Im unteren Feld “search web” kannst Du folgenden Eintrag hinzufügen: http://dict.leo.org/ende?lp=ende〈=de&searchLoc=0&cmpType=relaxed&sectHdr=on&spellToler=on&relink=on&search= as

Bei Abbildung 1 sieht man, dass vor dem Sucheregebnis zwei Lupen angezeigt werden. Mit dieser Einstellung wird die zweite Lupe angezeigt. Kann backword ein Wort nicht übersetzen oder glaubt man, die Übersetzung sei falsch, so klickt man auf die zweite Lupe innerhalb des blauen Tooltips. Es wird ein neues Fenster geöffnet mit dem Suchergebnis zum Wort bei http://dict.leo.org – DAS Wörterbuch für englische Übersetzungen im Web!
Möchte man nur ein Teilwort übersetzt haben, so markiert man dieses mit der Maus und fährt dann mit dem Mauszeiger über den markierten Bereich. Nun schlägt backword das markierte Teilwort bei Google nach. Wenn es fündig geworden ist, wird die gefunden Übersetzung angezeigt.

Backword ist für mich eine der nützlichsten und gleichzeitig am einfachsten zu nutzenden Erweiterungen die es für Firefox gibt. Im täglichen Leben sowohl im Büro als auch im Internet, beim Lesen von Artikeln und Anleitungen ist Englisch nicht mehr weg zu denken. Viele Experten die International arbeiten schreiben in Englisch, um möglichst viele Leute zu erreichen. Backword hilft all denen die entweder kaum Englisch können oder einfach nur bequem und schnell Übersetzungen von einzelnen Wörtern beim Lesen brauchen.

Wer eine alte Firefox Version z. Bsp. 2.0.0.14 installiert hat und auf die neue Version 3.0 umsteigen möchte kann dies getrost tun und sollte wie folgt vorgehen:

• Über Extras / Add-Ons alle installierten Erweiterungen aktualisieren (auf “update” klicken)
• Firefox neu starten um die Aktualisierungen zu installieren
• Firefox beenden
• Das komplette Profilverzeichnis sichern in dem eine Kopie vom Profilordner erstellt oder der gesamte Ordner archiviert wird (z. Bsp. als ZIP-Archiv)
  • Für einen Benutzer “HansPeter” in Windws XP ist der Profilordner zu finden unter: C:\Dokumente und Einstellungen\HansPeter\Anwendungsdaten\Mozilla\Firefox\Profiles\
    Da der Ordner versteckt ist (also eigentlich nicht sichtbar), muss eventuell kurzfristig unter Extras \ Ordneroptionen \ Ansicht die Option “Alle Dateien und Ordner anzeigen” aktiviert werden.
  • Für einen Benutzer “HansPeter” in Windows Vista findet sich der Profilordner an folgender Stelle:
    C:\Users\HansPeter\AppData\Roaming\Mozilla\Firefox\Profiles\
• Wenn der Profilordner gesichert ist installiert man die vorher heruntergeladene Firefox-Version 3.0
• Nach der Installation werden höchstwahrscheinlich einige Erweiterungen nicht mehr richtig funktionieren. Diese können dann über Extras / Add-Ons deaktiviert bzw. deinstalliert werden.

Sollte etwas schief gehen und nach der Installation Firefox nicht mehr richtig funktionieren bzw. Daten weg sein, kann Firefox 3.0 deinstalliert, die Version 2.x installiert und der Profilordner zurückkopiert werden (in den Ordner, wo man ihn vorher sicherte). Damit ist das alte Profil wieder vorhanden.
Wichtig beim Arbeiten ist, dass während des Kopierens des Profilordners Firefox auch wirklich geschlossen ist!

I had installed a 2.x Firefox version at my usb-stick. This worked fine. Last week Firefox 3.0 was released. I installed it on my desktop pc and on my notebook. Now today I want to install it as portable version on my usb-stick.

So I download the portable-version and installed it on my usb-stick (overwrite the old one). It is ok to just overwrite the old installation with a new one – at least for a upgrade within the same version e.g. 2.0.0.13 to 2.0.0.14 – because the settings and extensions will not be overwritten. i do it before for upgrades from the 2.x version. The built in Firefox Update Manager does not work for the portable version, because it will download the standalone version via automatic download. So you better deactivate the built-in update for the Firefox core: tools > settings > advanced > update > unset the first “Firefox” box to do not automatically check or download for Firefox core updates.

The problem now I had was, after installing the new portable Mozilla Firefox version 3.0 on my usb-stick, many of my installed add-ons does not work, were deactivated or does not work with version 3.0.
Those add-ons who does not work with Firefox 3 will be deactivated automatically and this is normal, because not for this version developed add-ons can show unexpected behaviour. I try to activate them in the Add-ons menu and try to update them, but this does not work. I restart Firefox three or four times.

Because this does not work, I want to reinstall all needed add-ons working with Ffox 3. I click on deinstall (context menu in the add-ons window) and mark all problematic-add-ons to deinstall. Restart Ffox again and now all was fine. The add-ons who does not work fine before now were properly activated and worked. I deinstalled those who are incompatible with Ffox 3 (like backword or switch proxy) restart Ffox again and installed some new ones.

So if you have the same problems with installed Extensions on portable Firefox 2.x after installing new version 3.0 you can try this way!
A good add-on working with Ffox 3.0 as alternate for the old SwitchProxy is the new Multiproxy Switch (MPS). Because the extension is experimental you have to sign up to download it. But you can use BugMeNot (as add-on or online) to login and download it. On the online version you have to type in the URL (maybe: www.mozilla.com) and use one of the user/password pair to login on the page. If the login works fine, press the “yes” button (or if not the “no” button on bugmenot.com).

Have fun with this and Firefox portable for modern mobility and user friendly browsing and security.

Die Erweiterung Foxmarks Bookmark Synchronizer (s. dazu Firefox Erweiterungen zum Aufwerten des Browsers) vergisst mit gewissen Einstellungen das Passwort. Dann wird das eingegebene Passwort zum Benutzernamen nach einem Neustart von Firefox nicht behalten und muss jedes mal neu eingegeben werden.

Um Foxmarks dazu zu bringen, dass Passwort zu behalten, müssen die Firefox-Einstellungen entsprechend geändert werden. Foxmarks benutzt die interne Passwortverwaltung von Firefox.

Damit das Passwort nach einem Neustart von Firefox nicht gelöscht wird, darf folgende Einstellung nicht gesetzt sein: Extras > Einstellungen > Datenschutz > Private Daten > Einstellungen (von “Private Daten löschen, wenn Firefox beendet wird”) > “Gespeicherte Passwörter” (Haken entfernen).

Damit wird das Passwort beim Beenden von Firefox nicht mehr gelöscht.
Hat mein ein Master-Passwort gesetzt, muss man dieses ggf. beim Neustart eingeben, damit Foxmarks auf das gesicherte Passwort zugreifen kann.
Das Passwortproblem ist auch in der Foxmarks-FAQ beschrieben mit Lösung.

Wie man im Foxmark-Blog zur Veröffentlichung der Version 2.0 lesen kann, ist das Speichern des Passwortes mit der Firefox Speicherfunktion verknüpft. Eine andere Alternative ist nur, dass Passwort nicht zu speichern.

Hier einige sehr nützliche und hilfreiche Erweiterungen für Firefox, die das surfen im Internet einfacher machen. VIele Werkzeuge, die das Leben ein wenig vereinfachen. Eine Übersicht über (fast) alle verfügbaren Mozilla Add-ons für Firefox, Thunderbird, Sunbird, … gibt es unter addons.mozilla.com (rechts oben kann die Applikation gewechselt werden für andere Add-ons) oder auf dem deutschen Portal erweiterungen.de.

Multiproxy Switch

ver. 1.17 – https://addons.mozilla.org/de/firefox/addon/7330
webseite: http://proxyswitch.googlepages.com/
entwickler blog: http://mcfreds.blogspot.com/2008/06/multiproxy.html

Multiproxy Switch erweitert die Proxy-Einstellungen von Firefox um ein Set von Proxy-Einstellungen. Über eine leicht editierbare Liste kann der Benutzer so viele Proxy-Einstellungen angeben wir er möchte und leicht über die Statusbar zwischen den verschiedenen Proxys wählen.

Sehr nützlich, gerade dann wenn man unterwegs ist mit einem Notebook und in verschiedenen Umgebungen surft und arbeitet und zum Beispiel anonym surfen möchte (mit einem offenen Proxy) oder einfach einen Proxy für zum Beispiel die Unternehmensstruktur braucht.

Foxmarks Bookmark Synchronizer

ver. 2.0.47.4 – https://addons.mozilla.org/de/firefox/addon/2410
webseite: http://www.foxmarks.com/
wiki: http://wiki.foxmarks.com/wiki/Main_Page

Für alle, die ihre Lesezeichen in Firefox an verschiedenen Stellen (zu Hause, Notebook, Arbeit, …) benötigen, können hiermit ihre Lesezeichen online speichern. Der Dienst ist allerdings (nicht wie bspw. del.icio.us) nur zum Freigeben der Lesezeichen gedacht. Diese Funktionalität geht wohl auch, aber man kann (und das ist, warum ich diese Erweiterung benutze) die Lesezeichen verschlüsselt hochladen und im Firefox die Lesezeichen mit denen auf dem Server synchronisieren. Somit habe ich immer, auf meinem Notebook oder auf dem USB Stick (Portable Apps) dieselben Lesezeichen zur Verfügung! Sehr bequem für verteiltes Arbeiten.

Dictionary Switcher – Wörterbuch Manager

ver. 0.9 – https://addons.mozilla.org/de/firefox/addon/3414
webseite: http://design-noir.de/mozilla/dictionary-switcher/

Wer in verschiedenen Sprachen Beiträge im Internet verfasst (zum Beispiel in Foren oder Blogs) wird diese Erweiterung lieben. Die Wörterbücher und Sprachpakete gibt es bei Firefox zum Herunterladen und installieren als Erweiterung. Der Wörterbuch Manager fügt in der Statusleiste von Firefox einen Eintrag hinzu, der das aktuelle Wörterbuch anzeigt und das schnelle Umschalten zwischen verschiedenen Wörterbüchern zu lässt. Somit kann leicht mit Rechtschreibkontrolle in verschiedenen Sprachen geschrieben werden. Eine Autofunktion zum Erkennen der Sprache ist ebenfalls mit eingebaut!

BugMeNot

ver. 2.0 – https://addons.mozilla.org/de/firefox/addon/6349
webseite: http://erichamiter.com/
online-dienst: http://www.bugmenot.com/

Bug me not, was soviel bedeutet wie “stör mich nicht”, ist ein Online-Dienst der für Webseiten, die eine freie Registrierung benötigen, nur für die Benutzung (ohne größeren Nutzen davon) freie Konten für diese zur Verfügung stellt. Zum Beispiel wenn man auf addons.mozilla.com einen Kommentar schreiben oder eine Bewertung abgeben möchte, muss man sich registrieren. Wer sich bei so einem freien Dienst, nicht registrieren möchte, kann BugMeNot nutzen.
Wichtig ist jedoch, dass BugMeNot nur für solche Dienste gedacht ist und genutzt werden darf. Dafür muss man beim Herunterladen folgenden Bestimmungen zustimmen:

The user agrees to only use the extension to access free, mandatory registration sites. Attempting to access non-free and/or private web sites is against the intention of this extension and is a violation of the user agreement.

Damit stimmt der Benutzer zu, dass er BugMeNot nur für freie Seiten mit Zwangsregistrierung benutzt. Also solche, wo eigentlich nicht wirklich eine Registrierung benötigt würde, aber zwingend ist. Für Seiten mit nicht freiem und/oder privatem Inhalt (bspw. zur privaten Nutzung, Persönlichkeitsprofil usw.) ist gegen die Bestimmungen.

Stealther

ver. 1.0.6 – https://addons.mozilla.org/de/firefox/addon/1306
webseite: http://www.zadet.net/

Wenn Du dir schon immer mal gedacht hast beim Surfen im Internet: “diese Webseite will ich jetzt eigentlich nicht im Browsercache oder in der Verlaufsliste gespeichert haben”, ist diese Erweiterung genau das richtige für dich! Mit einem Knopfdruck lassen sich (in den Optionen konfigurierbar) einstellen welche Inhalte nicht gespeichert werden sollen. Zum Beispiel: zuletzt geschlossene Register (Tabs), Cookies, Chronik (Verlauf), Cache, gespeicherte Formulardaten, usw. usf. Sehr nützliche, wenn man in gewisserweise anonym bleiben möchte, aber dennoch nicht ganz auf auf die Browserchronik bzw. auf die automatische Vervollständigung beim Eintippen des URL verzichten möchte.

Tab Catalog

ver. 1.4.2008052701 – https://addons.mozilla.org/de/firefox/addon/1937
webseite: http://piro.sakura.ne.jp/xul/_tabcatalog.html.en

Tab Catalog bietet sich immer dann an, wenn man mit mehreren Tabs arbeitet und zwischen diesen hin- und herschalten möchte. Tab Catalog zeigt (einstellbar auf welchen Befehl / welches Verhalten) eine Übersicht in kleinen Bildern aller geöffneten Register an. Die Tabs werden wie ein kleines Bild nebeneinander dargestellt und die Ergebnisseite kann durchgeblättert werden. Somit ist das schnelle Wechseln auf eine andere Seite möglich ohne lange in der Tab-Leiste suchen zu müssen.

Web Developer

ver. 1.1.6 – https://addons.mozilla.org/de/firefox/addon/60
webseite: http://chrispederick.com/work/web-developer/
hilfe: http://chrispederick.com/work/web-developer/help/

Die Web Developer Leiste ist das Muss für jeden Webentwickler. Mit einer Fülle an Werkzeugen, Einstellungsmöglichkeiten und nützlichen Ansichten für Webseiten wird die Web Developer Leiste zum Idealen Werkzeug bei der Analyse und Entwicklung von Webseiten.

Adblock Plus

ver. 0.7.5.5 – https://addons.mozilla.org/de/firefox/addon/1865
webseite: http://adblockplus.org/de/
forum: http://adblockplus.org/forum/

Wenn Du auch die Werbung im Internet satt bist und keine Lust mehr hast, ständig nur animierte Bildchen zu sehen, dann ist Adblock Plus genau die richtige Erweiterung für dich. Sie blockt nahezu jegliche Art von Werbung auf Webseiten. Die Regeln auf denen die Filterung basiert sind RegularExpressions und können angepasst und erweitert werden.

Adblock Plus Fiterset.G Updater

ver. 1.3.1.3 – https://addons.mozilla.org/de/firefox/addon/1136
webseite: http://www.pierceive.com/

Diese Erweiterung ist nur zusammen mit Adblock Plus zu nutzen. Sie lädt automatisiert die neueste Version der Filtereinstellungen herunter. Somit ist gewährleistet, dass immer die aktuellste Version des Filters geladen ist und somit keine Werbung angezeigt wird. Wer seine Filterregeln selbst erweitert und verändert, braucht diese Erweiterung eventuell nicht, da sonst u.U. gemachte Änderungen überschrieben werden. Allerdings werden die Filterregeln auch nicht so häufig aktualisiert, dass jede Woche eine neue Version vorhanden ist. Die letzte Filterregel Version ist zum Beispiel vom 08.03.2008.

Bookmark Backup

ver. 0.4.9 – http://www.erweiterungen.de/detail/Bookmark_Backup/
webseite: http://www.pikey.me.uk/mozilla/?addon=bb

Bookmark Backup ist ein einfaches Werkzeug zum regelmäßigen Sichern von Einstellungen. Hauptsächlich für Lesezeichen gedacht, kann es jedoch auch andere Dinge sichern. Dafür gibt man schlicht ein Verzeichnis an wo die Daten hinkopiert werden (zum Beispiel auf eine Sicherungspartition).

Backword

ver. 1.3.6.1 – https://addons.mozilla.org/de/firefox/addon/2955
webseite: http://backword.gneheix.com/

Backword ist ein Programm zur Übersetzung von Wörtern von Englisch nach Deutsch oder Chinesisch. Es werden momentan nicht viele Sprachen unterstützt. Jedoch ist diese Erweiterung ein sehr hilfreiches Werkzeug beim Arbeiten mit englischen Texten. Nicht jede Vokabel ist bekannt, mit Backword überfährt man einfach ein Wort (oder markiert ein Teilwort) und bekommt nach kurzer Zeit einen kleinen Tooltip in blau angezeigt, der die Übersetzung enthält. Damit die Erweiterung beim normalen Arbeiten (wenn sie nicht benötigt wird) nicht stört, ist sie leicht über die Statusleiste (ein kleines Plus rechts unten) an- und ausschaltbar.
Es können auch andere Suchseite wie bspw. dict.leo.org so hinzugefügt werden, dass bei der Anzeige des Tooltips auf eine kleine Lupe geklickt werden kann. Somit kann auch (sofern gewünscht) das Ergebnis bei dict.leo.org in einer neuen Registerkarte angezeigt werden.
Was die Erweiterung so stark macht, ist genau die ToolTip-Idee. Man muss zur Anzeige der Übersetzung keine neue Registerkarte öffnen und hat somit schnell beim Lesen die Übersetzung eines Wortes. Einfach genial!
Nach der Installation muss die Übersetzungssprache von En->Chinesisch auf En->Deutsch umgestellt werden. Dazu über Extras / Add-ons zu den Erweiterungen, dann bei backword auf “Einstellungen” klicken und dort auf der Registerkarte “Settings” auf “Google – German” umstellen.
Leider ist backword in dieser Version noch nicht kompatibel zu Firefox 3.0.  Nur zur Beta-Version 3.0b4pre. Ich hoffe, dass in den nächsten Tagen eine neue Version veröffentlicht wird. Diese Erweiterung ist einfach eine Erleichterung beim täglichen Arbeiten mit englischen Inhalten!

Nachtrag – 29.07.2008

Die Erweiterung ist seit kurzem in der Version 2.0.0.1 verfügbar und unterstützt damit auch die Firefox Versionen ab 3.0. In einem extra Artikel, habe ich erklärt wie man Backword einrichtet und nutzt.

Copy Plain Text

ver. 0.3.3 – https://addons.mozilla.org/de/firefox/addon/134
webseite: http://mozmonkey.com/

Diese Erweiterung ermöglicht es (über das Kontextmenü oder als Standardverhalten) Text aus dem Internet als Klartext zu kopieren. Kopiert man bspw. eine Tabelle und möchte diese dann in einem Textverarbeitungsprogramm (z.Bsp. OpenOffice, MS Word) einfügen, wird der Stil, samt Tabelle und Farben aus dem Internet übernommen. Das ist manchmal ziemlich nervig, wenn man eigentlich nur den reinen Text möchte. Mit dieser Erweiterung kann dann der Klartext (plain text) kopiert und weiter verwendet werden.

Leider ist auch diese Erweiterung noch nicht kompatibel zu Firefox 3.0. Ich warte auch noch auf eine aktualisierte Version.

Nachtrag – 29.07.2008

Auch CopyPlainText ist nun mit derselben Version 0.3.3 für die Firefox Versionen ab 3.0 freigeschaltet worden.