10. Ein Slider - Grobskizze
IMAGE IMAGE IMAGE
Kategorie Infos Kategorie Infos Kategorie Infos
Überschrift Zusatzinfo1 Überschrift Zusatzinfo1 Überschrift Zusatzinfo1
Hier steht ein kurzer Zusatzinfo2 Hier steht ein kurzer Zusatzinfo2 Hier steht ein kurzer Zusatzinfo2
erklärender Text. erklärender Text. erklärender Text.
17. Keine vermeidbaren
Barrieren
‣ Das Netz ermöglicht es
erstmals, dass JEDER auf
Informationen zugreifen
kann und in Interaktion
treten kann.
‣ Warum also sich selber und
die Reichweite des eigenen
Angebotes beschränken?
http://failblog.org/2010/04/08/epic-fail-photos-hand-rail-fail/
37. ‣ Können ältere IE (bis einschließlich Version 8)
nicht.
‣ Ihnen kann mittels Javascript geholfen werden.
‣ Wenn es sich um keine „lebensnotwendigen“
Operationen handelt, ist eine Nachhilfe via
Javascript okay.
41. An die Konsequenzen
denken
‣ HTML5-Seiten funktionieren in alten Browsern
nur mittels Javascript. Das betrifft im
Wesentlichen IE bis einschließlich Version 8.
http://code.google.com/p/html5shim/ http://www.modernizr.com/
47. ‣ Texte formatieren
‣ Farben für Vorder- und Hintergründe
‣ Positionierungen
‣ Floats
‣ Bilder werden für viele Lösungen benötigt
‣ Manchmal wird Extra-Markup für Bilder-
Lösungen benötigt
‣ Transparenz mit Nebenwirkungen
50. Transparenz
mit rgba() runde Ecken
Verläufe (gradient)
Transitions
media-queries
calc() mehrere Spalten
51. 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.
62. 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/