Wie viel CSS3 kann dein Browser?
Das Webtool The CSS3 Test zeigt nicht nur recht plakativ an, wie viel Prozent der CSS3-Features der Browser unterstützt, mit dem man gerade diese Test-Website aufruft, sondern vor allem auch, welche nicht … und welche nur zum Teil. Gerade für Entwickler von Web-Oberflächen, sollte diese Website ein echte Hilfe sein.
Die 60% oben in der Grafik beziehen sich übrigens auf den Firefox 10.0 (Mac), und gerade bei der Darstellungsmanipulation von Grafiken, erreicht der aktuelle Firefox wirklich unterirdische Werte (10%). Aber auch bei Text, Schriftarten, usw. schneidet der Firefox nicht gerade gut ab. Aber auch die aktuellen Mac-Versionen von Google Chrom und Apples Safari, schaffen es nur, insgesamt gerade mal 62% der möglichen CSS3-Features zu unterstützen. Opera kommt insgesamt gar nur auf 56%.
— via Netzpiloten —
von Matthias Zellmer
Ceaser – Animationen via CSS
Vorgestern hab ich mit dem CSS3 Generator eine Web-Anwendung vorgestellt, die aufzeigt, was bei den modernen Browsern bei der Gestaltung von Elementen via CSS inzwischen möglich ist. Heute möchte ich da noch etwas nach reichen und Ceaser vorstellen.
Ceaser ist ein Tool, mit dem sich via CSS Elemente animieren lassen. Und auch hier kann man sich direkt den notwendigen CSS-Code generieren lassen, um die dort erzeugten Effekte direkt im eigenen Web-Projekt einsetzen zu können.
Besonders interessant an Ceaser ist allerdings, dass man hier einen Eindruck davon bekommt, was inzwischen auch ohne Flash schon möglich ist. Mir ist dazu in den Sinn gekommen, dass es sich bei Flash irgendwie nur noch um eine Brückentechnologie handelt. Aber diese Behauptung ist bestimmt nicht P.C., oder?!
von Matthias Zellmer
CSS3 Generator hilft beim Gestalten
Die neuste Browser-Generation mit Firefox 4, IE9 und Chrome 10 kommt derzeit mit Macht. Neben Verbesserungen auf Gebieten wie der Geschwindigkeit und der Sicherheit, bringen moderne Browser auch eine verbesserte Unterstützung von CSS3 mit. Dies wird sich nach und nach auch weiter auf die Gestaltung von Websites auswirken. Haben Designer auf Wunsch der umsetzenden Web-Entwickler oftmals auf nette Spielereien wie Schatten und abgerundete Ecken verzichtet, sollten diese mit der verbesserten CSS3-Browser-Unterstützung zukünftig kein Problem mehr darstellen. Zumal es Web-Angebote wie etwa den CSS3 Generator von Eric Hoffman und Peter Funk gibt.
Mit diesem Generator kann man sich Hintergrund-Elemente mittels Schiebereglern, Farbauswahl und Eingabe-Feldern gestalten und anschließend den CSS-Code dafür generieren lassen. Zunächst wartet der Generator mit einigen Basisfunktionen zur Gestaltung auf, wie etwa das Einstellen von Eck-Radien oder einem Schatten. Doch wer mag, kann bei fast allen Einstellungen tiefer einsteigen und so auch ausgefeiltere Effekte erzielen.
von Matthias Zellmer
Online-Tool: CSS3 Generator
Scheinbar habe ich einen kleines Faible für diese schlichten Online-Tools, die einem bei genau einer Sache helfen. Diesmal hat es mir der CSS3 Generator angetan.
Mit diesem CSS3 Generator können Basis-Layout-Elemente, wie die Schrift und Boxen quasi live gestaltet werden. D.h. nachdem man den Gestaltungsstil ausgewählt hat, kann man seine Parameter eintragen und bekommt dann zum einen einen Live-Preview und zum anderen den CSS-Code. Letzteren sogar mit den entsprechenden Browser-Hacks. Natürlich nur für die Browser, die die entsprechenden Elemente unterstützen. Das wird einem aber auch angezeigt.
von Matthias Zellmer
Die neusten Beiträge
Die neusten Kommentare
