CSS3 Fähigkeiten einfach mal Testen

CSS3 und HTML5 sind cool, zeichnen sich aber auch dadurch aus das nicht jeder Browser alles, und auch nicht gleich unterstützt. Bei CSS3 ist dies fast noch extremer als bei HTML5. Geeignetes CSS für alle Browser artet regelmäßig in wahre Arien aus, da ein Browser eine Möglichkeit von CSS3 vielleicht nicht unterstützt, aber es vielleicht anders (mit eigenem Befehlssatz) doch irgendwie hinbekommt. Dies ist auch der Grund, wieso sich derzeit Tools wie SASS oder LESS durchsetzen -> es ist fast unmöglich geeignetes CSS noch händisch zu erstellen.

Ergebnis des CSS3 Tests für den aktuellen Firefox

Entsprechend kursieren jede Menge Info-Grafiken und Cheat Sheets auf denen man sehen kann, welcher Browser was unterstützt. In dem Moment wo eine neue Version erscheint (und wir werden ja derzeit ständig mit neuen Versionen beglückt) kann man diese Information getrost in die Tonne treten. Viel besser finde ich da schon CSS3TEST.com das den Browser auf alle Möglichkeiten von CSS3 testet. Man kann da eben mal schnell selber nachschauen was Sache ist.

Irgendwie ist der Test allerdings auch recht ernüchternd, wer jetzt noch behauptet Firefox wäre Standard-Konform leidet wohl an einer kleinen Realitätsverschiebung! ;) Er ist aber immerhin noch besser als der Internet Explorer der gerade mal auf 33% kommt, und der Spitzenreiter ist Google Chrome, der allerdings auch „nur“ auf 56% kommt. Stellt sich also die Frage was Standards sollen, wenn sie keiner unterstützt – und CSS3 gibt es ja nicht seit gestern.

Ähnliche Beiträge

CSS3 Buttons in Cool Zur Zeit gibt es jede Menge Tutorials darüber, wie man in CSS3 Buttons mit runden Ecken, Gradients und quietschigen Farben hinbekommt. Die Frage, die ...
Automatoon – HTML5 Animationen Deluxe Bei meinem ersten Besuch auf Automatoon gab es ein ziemliches auf und ab, angefangen bei "Das kann ja jeder" über "Wie haben sie das bloss gemacht" bi...
Google Font API – @font-face einfach verwenden @font-face ist eine ziemlich nette Sache die einem Cufon und schlimmeres erspart, dummerweise ist @font-face allerdings auch mit einigem Aufwand verbu...
Isometrie und CSS3 Isometrie ist/war ein beliebter Mechanismus in Online-Spielen, um sich diverse Probleme hinsichtlich Perspektive und Schatten vom Hals zu schaffen. Du...

Eine Antwort auf „CSS3 Fähigkeiten einfach mal Testen“

  1. Ätsch, ich hab 53% im aktuellen Firefox. ;) Er scheint auch „standardkonformer“ zu werden, denn zB. „-mox-border-radius“ wird nicht mehr interpretiert. Ein Schritt in die richtige Richtung, weg von den browserspezifischen Eigenschaften.
    Aber etwas enttäuschend ist es schon, dass sie alle praktisch nur die Hälfte können von dem was sie versprechen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.