HTML5, CSS3 und Internet-Explorer

Trotz Internet-Explorer 9 (der immer noch ein paar Kompatibilitätsschwächen aufweist) werden die Vorversionen IE7 und IE8 so schnell nicht aus dem Web zu denken sein. Crossbrowserkompatible Websites mit HTML5 sind dennoch machbar, beispielsweise durch das Einbinden dieses Javascripts:

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Mancher "CSS3-Effekt" ist im Internet-Explorer schon seit Marktführerzeiten verfügbar, als (nicht standardkonformer) Filter.

Der große "Box-Shadow" ist ein geblurtes Hintergrund-Div (nur im IE sichtbar) über dem der Pagewrapper mit dem weißen Hintergrund liegt. Der Streifen der über den Header geht, kam mit zwei Filtern zustande - einer der ihn schräg stellt (hier kann der Internet-Explorer 9 bereits CSS3), und ein Gradient-Filter (noch mit "alter" IE-Logik, die älteren Versionen bringen es dabei jedoch auf das glattere Ergebnis).

hilfreiche Tools und Quellen

html5boilerplate
Introductions to Filter and Transitions (IE)
Gradient-Editor
CSS3 Please
HTML5 rocks Tutorials
HTML5 - Edition for Web Authors