Da der Microsoft Internet Explorer 8 global inzwischen eine Verbreitung unter 2% zu haben scheint, kann man bei vielen Projekten inzwischen so programmieren, als ob es ihn nicht mehr gäbe. Das erlaubt den Zugriff auf viele neue, wichtige Browser-Features, und erspart Unmengen an Work-Arounds und Polyfills.
Meine Quelle für das Vorhandensein von bestimmten Features in bestimmten Browsern ist „Can I Use“. Dementsprechend kann man schön mit einem schnellen Vergleich zwischen dem Internet Explorer 8 und z.B. dem aktuellen Chrome feststellen, welche Features man nun vollkommen bedenkenlos benutzen darf.
CSS
- CSS an neuen HTML5-Elementen
- Media-Queries!
- CSS3 Opacity: Die uneingeschränkte Verwendung von PNGs.
- CSS3 Farben, wie z.B. RGBA.
- CSS3 Box-Shadow
- Verwendung von
vw
undvh
als Breiten- und Höhenangaben relativ zum Browserfenster. - Runde Ecken mit CSS
- 2d-Transformationen
- Das Berechnen von CSS-Werten mittels
calc
Javascript
- ECMAScript 5 mit vielen schlauen Methoden, z.B. zum Durchlaufen von Arrays.
- .querySelector() & .matches(): Der Selektieren von DOM-Elemente in Javascript mit CSS-Selektoren, wie schon lange von jQuery bekannt.
- .getElementsByClassName()
- EventTarget.addEventListener()
HTML
- Video-Tag inkl. MPEG-4-Unterstützung
- SVG
Was immer noch nicht funktioniert wegen dem IE9
Leider haben wir nun Ärgernisse wie den Internet Explorer 9 vor der Nase. Deswegen funktionieren folgende Features nach wie vor nicht:
- CSS Animationen
- CSS3 Text-Shadow
- Gradienten bzw. Farbverläufe
- CSS-Transitionen
accept
-Attribut an Input-Feldern- Spezielle Input-Typen wie z.B. „E-Mail“
- Placeholder für leere Eingabefelder
- Flexboxen