smashed shoe

Bald kommt ja die neue Version vom bekanntesten Open Source Browser "Firefox". Nachdem die Veröffentlichung eigentlich für Ende letzten Jahres/Anfang diesen Jahres vorgesehen war und sich immer wieder verzögerte, soll es laut Christopher Blizzard in 2-3 Monaten dann so weit sein (Info via Twitter). Wir werden also demnächst uns Version 3.5 installieren können. Diese bringt zahlreiche Neuerungen mit sich, von denen ich hier ein paar kurz vorstellen möchte.

HTML5 Unterstützung

Firefox 3.5 wird die neuen HTML-5-Tags <audio> und <video> unterstützen. Damit werden theoretisch keine Plugins mehr von diversen Mediaplayern oder Flash benötigt, um Videos und Audiostücke in Webseiten abspielen zu können. Unterstützt wird vorerst aber nur das freie Format Ogg. Andere Formate werden vielleicht in der Zukunft hinzukommen. Ob sich diese Möglichkeit durchsetzt, wage ich zu bezweifeln. Denn neue Standards setzen sich ja bekanntlich im Webbereich durch einen gewissen "IE" schwerlich durch. Neben Firefox 3.5 unterstützen übrigens WebKit ab der Version 3.1 sowie die neusten Night Builds von Opera diese Möglichkeiten ¹.

Zusätzlich wird Firefox "Drag and Drop" bei Elementen innerhalb der Webseiten möglich machen. Momentan benötigt man dafür ja Javascripte. Aber inwieweit sich das im Weballtag gebrauchen lässt, lässt sich - in meinen Augen - nicht abschätzen.

CSS

Die neue Version von Firefox wird natürlich auch Unterstützung für weitere CSS-Techniken mit sich bringen.

Die in meinen Augen größte und bedeutendste Möglichkeit wird die des Einbindens von Schriftarten sein. Damit würde sich das lästige Erstellen von Bildern für Überschrift (oder anderen Text-Elementen, die eine nicht-Systemschrift nutzen) erübrigen. Einfach mit @font-face den Pfad zur Schriftart definieren und schon kann man diese Schriftart auf seiner Webseite nutzen.

Daneben werden nun die CSS-Techniken text-shadow, opacity (statt bisher -moz-opacity), word-wrap möglich. :before und :after wurden auf den CSS-Standard 2.1 aktualisiert.

Des Weiteren kommen noch weitere CSS-Techniken mit dem Präfix -moz hinzu. Da wären zum Beispiel:

• -moz-box-shadow: einfache Möglichkeit einem div einen Schatten zu geben
• -moz-border-image: Damit kann man Grafiken als Rahmen nutzen, so dass man nun kein Hintergrundbild mehr dafür bedarf.
• -moz-nativehyperlinktext: Den Nutzen dafür sehe ich nicht wirklich. Mit diesem Befehl werden Links in der im Browser vordefinierten Farbe dargestellt. Soll das für DAUs sein? Die beschweren sich dann doch bloß, dass die Linkfarbe hässlich ist und gar nicht zur Seite passt? Oder irre ich mich da jetzt? Kommentare gern gesehen...
• -moz-transform: Damit lassen sich HTML-Elemente transformieren. Im Beispiel von Mozilla wird da ein iframe mit der Google-Startseite um 90° gedreht oder verzerrt. Eher eine Spielerei als echter Nutzen. Vorgeschlagen wurde das übrigens vom WebKit-Team.

Ein weiteres, interessantes Feature kommt mit Media queries hinzu. Im Prinzip ist es eine Erweiterung des media-Attributs beim Einbinden einer CSS-Datei. Ab Firefox 3.5 kann man nun auch zusätzliche Bedingungen angeben, wann welche CSS-Datei genutzt werden soll. So kann man beispielsweise eine gewisse Mindestfarbanzahl oder Fensterbreite voraussetzen. Trifft die Bedingung zu, wird CSS-Datei a zum Schön-Machen des Inhalts genommen, andernfalls CSS-Datei b. Eine volle Liste mit den Bedinungsmöglichkeiten sowie Beispielen findet man auf einer Seite von Mozilla.

Außerdem sind weitere Selektoren (wie :first-of-type, :last-of-type oder nly-of-type) hinzugekommen.

DOM und Javascript

Nachdem Chrome den Wettbewerb um die schnellste Javascript-Engine mehr oder weniger ausgerufen hatte, möchte die neuste Firefox-Version hinsichtlich Geschwindigkeit da ja auch nicht zurückstecken. Die neue Engine namens "TraceMonkey" soll (in speziellen Fällen) bis zu 22x so schnell sein wie die vom Firefox 3 ².

Ansonsten bietet Firefox 3.5 bereits Unterstützung für die noch in der Entwicklung befindlichen Geolocation API sowie die Nutzung diverser DOM Events.

Weiteres

Weitere Neuerungen sind erweiterte Canvas- sowie SVG-Unterstützung. Mit Bespin hat Mozilla ja selbst gezeigt, was mit Canvas (und Javascript) so alles (und noch mehr) möglicht ist. Mit Version 3.5 kommen jetzt weitere Effekte und API-Unterstütztung (nach HTML5) dazu. Ich selbst habe ich mich auch noch nicht sonderlich viel mit Canvas beschäftigt. Als Einstieg kann ich aber einen Artikel von Peter Kröner über Canvas empfehlen.

Auf viele Änderungen bin ich hier im Artikel nicht eingegangen. Eine Seite von Mozilla, die mir auch hauptsächlich als Quelle diente, bietet aber einen guten Überblick, was der neue Firefox noch so kann.

Anmerkung: Ich habe das jetzt alles aus der Sicht der neuen Firefox-Version geschrieben. Vieles davon, speziell HTML5 und CSS, trifft aber ebenfalls auf neuste WebKit-Browser und vereinzelt auch Opera zu. Nur unser Sorgenkind Internet Explorer hinkt bei der Entwicklung mal wieder hinterher.