Beta 1 von Firefox 4 ist da. Neben diversen UI-Tweaks und dem, was man heutzutage so oder so bei einer neuen Browserversion erwartet (bessere Performance, Hardwarebschleunigung) kann man anhand dieser Beta sehen, welches neues Spielzeug für Webentwickler unterwegs ist:

  • CSS: Unterstützung für Transitions (mit -moz-Prefix) und calc(),
  • HTML5: Unterstützung für einige neue Elemente (<header>, <section> usw.) und HTML5-Formulare
  • HTML5-Video: Das WebM-Fomat wird unterstützt und die Implementierung der Multimedia-API weiter vervollständigt.
  • Diverser HTML5-/„HTML5“-Krempel: Unterstützung für Indexed Database (clientseitiger Datenspeicher), WebSockets (Netzwerkprotokoll für stehende Verbindungen), File API und das History Interface
  • SVG: Unterstützung für SVG-Animationen (SMIL) sowie für SVG als CSS-Background und SVG für <img>-Elemente

Ich habe noch nicht getestet was genau die Unterstützung der neuen HTML5-Elemente <header>, <section> und Konsorten konkret bedeutet, aber wenn das heißt, dass die neuen Standard-Styles implementiert werden, könnte es interessant werden. Zwar wird für die genannten Elemente nur vorgegeben, dass sie als Block-Elemente gerendert werden sollen, doch falls da draußen irgendwer schon mit den neuen Elementen eine Website gebaut hat, und sich darauf verlassen hat, das <section> und Co wie bisher als Inline-Elemente daherkommen, könnte das Resultat mit dem Release des FF4 eine zerschossene Darstellung sein.

Zur Abhilfe empfehle ich in meinem Buch dem folgenden CSS-Schnipsel:

command, datalist, source {
    display:none
}
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, summary {
    display:block
}
figure, menu {
    margin-top:1em;
    margin-bottom:1em
}
dl menu, menu dl, menu menu, menu ol, menu ul {
    margin-top:0;
    margin-bottom:0
}

Das ist zwar keine komplette Re-Implementierung der HTML5-Standardstyles, sollte aber zumindest vor größeren Verwerfungen jetzt und in Zukunft bewahren. Ab damit in den Reset-Stylesheet!