Chrome hat im Moment den höchsten Score. Mein Lieblingsbrowser muss noch etwas aufholen.
CSS3 bietet viele feine Funktionen für runde Ecken, Schatten, Gradients oder Web-Fonts. Noch machen dabei alle Browser ihr eigenes Ding, weswegen der Standard noch nicht finalisiert ist. Hier ein paar Tools, die einem das Bauen von browserunabhängigem CSS3 erleichtern:
hat live veränderbare Snippets für border-radius, box-shadow, lineare Gradients, Rotationen und WebFonts. Mehr soll bald kommen.
Der
generiert lineare Gradients für Webkit und Firefox, während die
ein schickes Interface bieten, mit dem man sich lineare und radiale Gradients, Schatten, Text-Strokes und diverse 2D- und 3D-Transformationen zusammenklicken kann. Chris Casciano erklärt dann noch, wie man box-shadow-ähnliche Schatten im IE hinbekommt.
Ich hab auch mal meine paar CSS3- und HTML-TextMate-Snippets zusammengepackt: Textmate HTML- und CSS3-Snippets - 5 KB
Die Beipiele sehen am besten aus in Safari und Chrome.
Und das bekanntere, lahmere Remake. Kaum wiederzuerkennen:
Besteht aus for(x in document.open);
MacBook ftw :3
Lässt einen sehr einfach kleine Filme mit Text2Speech und virtuellen Schauspielern basteln. Kostenlos in einer abgespeckten Version mit weniger Figuren und Optionen.
5 Cuils. Text © RedDyeNumber4