Download - Von Dinosauriern, Bienen und Wespen
![Page 1: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/1.jpg)
Von Dinosauriern, Bienen und Wespen
Jens Grochtdreis / Tomas Caspers
![Page 2: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/2.jpg)
![Page 3: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/3.jpg)
Jens Grochtdreis‣ Frontendentwickler‣ 10 Jahre Agenturerfahrung‣ 11 Jahre Arbeit im und fürs Web‣ Gründer der Webkrauts‣ Blogger‣ Autor für: PHPMagazin, PHPUser, T3N, Webstandards-Magazin‣ Fachliche Buchbetreuung bei Galileo, O'Reilly, MuT
![Page 4: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/4.jpg)
Tomas Caspersdenkt Webprojekte bis zu Ende und berät Industrie, NGOs und Behörden. Er konzipiert, gestaltet und baut Websites, schreibt Artikel, hält Vorträge und liebt es, sein Wissen aus unzähligen erfolgreichen Projekten seit 1995 zu teilen …
![Page 5: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/5.jpg)
http://snipurl.com/11pngmhttp://upload.wikimedia.org/wikipedia/commons/d/d2/Derdenker.jpg
Worum geht‘s?
![Page 6: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/6.jpg)
Steile Thesen
![Page 7: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/7.jpg)
Pro:
Der Kampf um Standards ist vorbei. Die Guten haben gewonnen.
![Page 8: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/8.jpg)
W3C-Groupies
http://www.scottymoore.net/images/amarillo/crowd2.jpg
![Page 9: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/9.jpg)
The Web Standards Project
http://www.webstandards.org/
![Page 10: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/10.jpg)
Webkrauts
http://www.webkrauts.de/2005/05/30/hello-world/
![Page 11: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/11.jpg)
Contra:
Der Kampf um Standards hat gerade erst mal so richtig angefangen. Und wer diesmal gewinnen wird ist noch völlig offen…
![Page 12: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/12.jpg)
0255075
100
Wahrscheinlichkeit dass der Balken das obere Ende des Diagramms erreicht:
Idee geklaut bei http://bengreenman.com/
![Page 13: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/13.jpg)
„The illiterate of the 21st century will not be those who cannot read and write, but those who cannot learn, unlearn, and relearn.“
- Alvin Toffler, Rethinking the Future
![Page 14: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/14.jpg)
2%
49% 49 %
viel zu kompliziertnoch nicht fertigtotal veraltet
Mögliche Zustände von W3C-Spezifikationen:
![Page 15: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/15.jpg)
‣1995: HTML 2
‣1997: HTML 3.2
‣1998: HTML 4
‣1999: HTML 4.01
‣2000: XHTML 1
‣2001: XHTML 1.1
‣????: HTML5 (LC)
‣1996: CSS 1
‣1998: CSS 2
‣????: CSS 2.1 (PR)
‣????: CSS 3
Ich will Spaß, ich geb Gas…
![Page 16: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/16.jpg)
Rächer: Sammeln!
http://blog.newsarama.com/gallery/albums/userpics/10088/avengers.jpg
‣ Die WHAT-WG gründet sich.
‣ Ziel: neue Spezifikationen für Webapplikationen
‣ Das W3C übernimmt die Arbeit später als HTML5.
![Page 17: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/17.jpg)
HTML5 –die beste Erfindung seit geschnittenem Toastbrot.
![Page 18: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/18.jpg)
![Page 19: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/19.jpg)
Abschied von der Dokumentenanalogie
Abschied von der 3-Schichten-Theorie
HTML5 == HTML + JS
![Page 20: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/20.jpg)
Fehlende Bedienelemente
![Page 21: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/21.jpg)
HTML5-Formularelemente
Search: <input type="search"> URL: <input type="url"> Telephone: <input type="telephone"> Number: <input type="number"> Range: <input type="range"> Color: <input type="color"> Datetime Local: <input type="datetime-local"> Datetime: <input type="datetime"> Date: <input type="date"> Month: <input type="month"> Week: <input type="week"> Time: <input type="time">
Opera Chrome
![Page 22: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/22.jpg)
Diskussionen in W3C-Arbeitsgruppen:
Zeit →
Sin
n →
HTML5 ?
![Page 23: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/23.jpg)
http://www.findmebyip.com/litmus/#target-selector
![Page 24: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/24.jpg)
Funktioniert das auchim IE?
http://www.sts.tu-harburg.de/projects/WEL/0911/images/Der%20Schrei.jpg
![Page 25: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/25.jpg)
Microsoft ist der Bremsklotz des Fortschritts
![Page 26: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/26.jpg)
http://blogs.sitepointstatic.com/images/tech/121-ie6-mod-orange.jpg
Alte IE-Versionen ...
![Page 27: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/27.jpg)
http://csszengarden.com/?cssfile=http://www.brucelawson.co.uk/zen/sample.css
![Page 28: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/28.jpg)
Pro:Da draussen gibt es doch genügend Tutorials & Dokus in hoher Qualität.
![Page 29: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/29.jpg)
CSS-Versteher wie z.B.
http://meyerweb.com/eric/css/
![Page 30: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/30.jpg)
oder „A List Apart“
http://www.alistapart.com/
![Page 31: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/31.jpg)
oder Opera
http://dev.opera.com/articles/wsc/
![Page 32: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/32.jpg)
und Mozilla
https://developer.mozilla.org/
![Page 33: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/33.jpg)
oder „Einfach für Alle“
http://www.einfach-fuer-alle.de/
![Page 34: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/34.jpg)
Contra:Die Doku da draussen ist größtenteils Schrott.
![Page 35: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/35.jpg)
Sturgeon’s Law: When asked why 90% of science fiction writing is crap, Theodore Sturgeon replied that 90% of everything is crap.
http://en.wikipedia.org/wiki/Sturgeon's_Law
![Page 36: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/36.jpg)
Sorry, aber …
![Page 37: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/37.jpg)
Die Community hilft!
Hä? Welche Community?
![Page 38: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/38.jpg)
0 %
100 %
Techniken, die nicht kommentiert wurdenTechniken, die kommentiert wurden
Deutsche WCAG-Übersetzungen:
![Page 39: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/39.jpg)
Die Realität -- trotz Werbung
![Page 40: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/40.jpg)
Überschriften werdensowieso überbewertet …
![Page 41: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/41.jpg)
![Page 42: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/42.jpg)
![Page 43: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/43.jpg)
Barrierefrei?
http://www.finanzamt-pirmasens-zweibruecken.de/
![Page 44: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/44.jpg)
Ganz sicher nicht!
![Page 45: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/45.jpg)
http://www.finanzamt-pirmasens-zweibruecken.de/ansprechpartner/index_anspr.html
Stand: Mai 2011
![Page 47: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/47.jpg)
![Page 48: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/48.jpg)
http://www.flugsimulator-leipzig.de/
Stand: Mai 2011
![Page 49: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/49.jpg)
„Das kommt in Phase 2“
Trugschluss!Qualität von Beginn an, nicht erst später nachrüsten.
![Page 51: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/51.jpg)
http://geekandpoke.typepad.com/geekandpoke/2009/07/geeks.html
![Page 52: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/52.jpg)
Pro:Standards wie WCAG und Verordnungen wie BITV haben dazu geführt, daß alle Websites barrierefrei sind!
![Page 53: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/53.jpg)
</witz>
![Page 54: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/54.jpg)
Contra:
Einfach mal bei der allwissenden Datenkrake „Barrierefreies Webdesign“ eingegeben.Hier die Ergebnisse:
![Page 55: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/55.jpg)
![Page 56: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/56.jpg)
![Page 57: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/57.jpg)
![Page 58: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/58.jpg)
![Page 59: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/59.jpg)
![Page 60: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/60.jpg)
![Page 61: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/61.jpg)
![Page 62: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/62.jpg)
![Page 63: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/63.jpg)
![Page 64: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/64.jpg)
![Page 65: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/65.jpg)
![Page 66: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/66.jpg)
![Page 67: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/67.jpg)
![Page 68: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/68.jpg)
![Page 69: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/69.jpg)
![Page 70: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/70.jpg)
http://www.schlaganfall-hilfe.de/barrierefreiheit
http://www.slideshare.net/aegisproject/accessibility-an-ongoing-struggle-in-every-domain-of-daily-life
![Page 71: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/71.jpg)
Liebe Accessbility-Community:
Und da wundert Ihr euch,dass Ihr von niemandem mehr ernst genommen werdet?
![Page 72: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/72.jpg)
http://www.schlaganfall-hilfe.de/barrierefreiheit
![Page 73: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/73.jpg)
0
2,5
5
7,5
10
10 Sek. 1 Min. 2 Min. 3 Min.
Verständnis dieses Diagramms über die Zeit
Idee geklaut bei http://bengreenman.com/
![Page 74: Von Dinosauriern, Bienen und Wespen](https://reader036.vdokument.com/reader036/viewer/2022062511/54c7a5c74a795962798b4584/html5/thumbnails/74.jpg)
Jens Grochtdreishttp://grochtdreis.dehttp://twitter.com/Flockehttp://webkrauts.de
Diese Präsentation steht unter der „Attribution-ShareAlike 2.0“ -Lizenzhttp://creativecommons.org/licenses/by-sa/2.0/de/
Tomas Caspershttp://tomascaspers.dehttp://twitter.com/tcaspershttp://webkrauts.de