7. Transparenz
mit rgba() runde Ecken
Verläufe (gradient)
Transitions
media-queries
calc() mehrere Spalten
8. Die Vorteile
‣ Weniger Schmuckbilder werden benötigt.
‣ Weniger Javascript wird benötigt.
‣ Animationen und Transitionen sind mittels CSS
schneller, als mittels Javascript.
‣ Es wird seltener Code nur für Optik benötigt,
der Quellcode schmaler und lesbarer.
12. ‣ CSS3 baut auf CSS2 auf
‣ Browser ignoriert einfach unbekannte
Eigenschaften: graceful degredation
‣ Gibt echte Lösungen für immer
wiederkehrende Designprobleme
23. Der IE ist der schwarz-weiss
Fernseher des Web
IE bis Version 8 moderne Browser
http://home.snafu.de/wumpus/rdfmu46.jpg http://www.home-cinema-news.de/bilder/news/d_000474_01_de.jpg
29. Runde Ecken für IE ≤ 8
http://www.vertexwerks.com/tests/sidebox/
30. Wartungshölle
‣ Für jede Farbe eine eigene Grafik (auch für hover bei
Links!)
‣ Runde Ecken auf Verläufen oder Transparenzen sind ganz
übel als Grafik
‣ Jede Änderung und Anpassung geschieht in Photoshop/
Fireworks
‣ Viele Requests
‣ Keine Skalierung
56. Jens Grochtdreis
http://grochtdreis.de
http://twitter.com/Flocke
http://webkrauts.de
http://slideshare.net/Flocke669
Diese Präsentation steht unter
der Creative Commons Lizenz
„Attribution-ShareAlike 2.0“
http://creativecommons.org/licenses/by-sa/2.0/de/