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

CSScomb – Sortieren einer CSS-Datei Die Übernahme von komplexen Seiten dritter ist kein Spaß, aber leider Alltag. In der Regel sieht dieses Szenario bei mir so aus: irgendein Hobby-Frick...
HTML5 & CSS3 – Was funktioniert in welc... HTML5 und CSS3 nähert sich in großen Schritten, und spätestens dann wird sich im Bereich der Webentwickler die Spreu vom Weizen trennen, da beides ebe...
Reale Schatten mit jQuery Schatten gehen ja super mit CSS3, aber zugegebenermaßen muss man etwas Aufwand betreiben um diese realistisch erscheinen zu lassen. Insbesondere wird ...
Linkcheck mit CSS3 Bei der HTML-Umsetzung eines Designs werden in der Regel alle Links entweder gar nicht, oder mit einem # versehen. Dies liegt in der Regel daran, das ...

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.