Vortrag von Jens Grochtdreis & Tomas Caspers

1. Jens Grochtdreis/Tomas Caspers
Von Dinosauriern,
Bienen und Wespen

3. 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

4. Tomas Caspers
denkt 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 …

5. Worum geht‘s?
http://upload.wikimedia.org/wikipedia/commons/d/d2/Derdenker.jpg http://snipurl.com/11pngm

6. Steile Thesen

7. Pro:
Der Kampf um Standards ist vorbei.
Die Guten haben gewonnen.

8. W3C-Groupies
http://www.scottymoore.net/images/amarillo/crowd2.jpg

9. The Web Standards Project
http://www.webstandards.org/

10. Webkrauts
http://www.webkrauts.de/2005/05/30/hello-world/

11. Contra:
Der Kampf um Standards hat gerade
erst mal so richtig angefangen.
Und wer diesmal gewinnen wird ist
noch völlig offen…

12. Wahrscheinlichkeit dass
der Balken das obere Ende
des Diagramms erreicht:
100
75
50
25
0
Idee geklaut bei http://bengreenman.com/

13. „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

14. Mögliche Zustände von
W3C-Spezifikationen:
2%
49% 49 %
viel zu kompliziert
noch nicht fertig
total veraltet

15. Ich will Spaß, ich geb Gas…
‣ 1995: HTML 2 ‣ 1996: CSS 1
‣ 1997: HTML 3.2 ‣ 1998: CSS 2
‣ 1998: HTML 4 ‣ ????: CSS 2.1 (PR)
‣ 1999: HTML 4.01 ‣ ????: CSS 3
‣ 2000: XHTML 1
‣ 2001: XHTML 1.1
‣ ????: HTML5 (LC)

16. Rächer: Sammeln!
‣ Die WHAT-WG
gründet sich.
‣ Ziel: neue
Spezifikationen für
Webapplikationen
‣ Das W3C übernimmt
die Arbeit später als
HTML5.
http://blog.newsarama.com/gallery/albums/userpics/10088/avengers.jpg

17. HTML5 –
die beste Erfindung
seit geschnittenem
Toastbrot.

19. Abschied von der
Dokumentenanalogie
Abschied von der
3-Schichten-Theorie
HTML5 == HTML + JS

20. Fehlende Bedienelemente

21. 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

22. HTML5 ?
Diskussionen in W3C-Arbeitsgruppen:
Sinn →
Zeit →

23. http://www.findmebyip.com/litmus/#target-selector

24. Fu niert
nktio uch
d as a
im IE?
http://www.sts.tu-harburg.de/projects/WEL/0911/images/Der%20Schrei.jpg

25. Microsoft ist
der Bremsklotz
des Fortschritts

26. Alte IE-Versionen ...
http://blogs.sitepointstatic.com/images/tech/121-ie6-mod-orange.jpg

27. http://csszengarden.com/?cssfile=http://www.brucelawson.co.uk/zen/sample.css

28. Pro:
Da draussen gibt es doch
genügend Tutorials & Dokus
in hoher Qualität.

29. CSS-Versteher wie z.B.
http://meyerweb.com/eric/css/

30. oder „A List Apart“
http://www.alistapart.com/

31. oder Opera
http://dev.opera.com/articles/wsc/

32. und Mozilla
https://developer.mozilla.org/

33. oder „Einfach für Alle“
http://www.einfach-fuer-alle.de/

34. Contra:
Die Doku da draussen
ist größtenteils Schrott.

35. 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

36. Sorry, aber …

37. Die Community hilft!
Hä? Welche Community?

38. Deutsche WCAG-Übersetzungen:
0 %
100 %
Techniken, die nicht kommentiert wurden
Techniken, die kommentiert wurden

39. Die Realität -- trotz Werbung

40. Überschriften werden
sowieso überbewertet …

43. Barrierefrei?
http://www.finanzamt-pirmasens-zweibruecken.de/

44. Ganz sicher nicht!

45. Stand: Mai 2011
http://www.finanzamt-pirmasens-zweibruecken.de/ansprechpartner/index_anspr.html

46. Ganz sicher auch nicht!
http://dwd.de/

48. Stand: Mai 2011
http://www.flugsimulator-leipzig.de/

49. „Das kommt in Phase 2“
Trugschluss!
Qualität von Beginn an,
nicht erst später nachrüsten.

50. http://snipurl.com/27xp4n

51. http://geekandpoke.typepad.com/geekandpoke/2009/07/geeks.html

52. Pro:
Standards wie WCAG und
Verordnungen wie BITV
haben dazu geführt, daß alle
Websites barrierefrei sind!

53. </witz>

54. Contra:
Einfach mal bei der allwissenden
Datenkrake „Barrierefreies
Webdesign“ eingegeben.
Hier die Ergebnisse:

70. http://www.slideshare.net/aegisproject/accessibility-an-ongoing-struggle-in-every-domain-of-daily-life
http://www.schlaganfall-hilfe.de/barrierefreiheit

71. Liebe Accessbility-Community:
Und da wundert Ihr euch,
dass Ihr von niemandem mehr
ernst genommen werdet?

72. http://www.schlaganfall-hilfe.de/barrierefreiheit

73. Verständnis dieses Diagramms über die Zeit
10
7,5
5
2,5
0
10 Sek. 1 Min. 2 Min. 3 Min.
Idee geklaut bei http://bengreenman.com/

74. Jens Grochtdreis
http://grochtdreis.de
http://twitter.com/Flocke
http://webkrauts.de
Tomas Caspers
http://tomascaspers.de
http://twitter.com/tcaspers
http://webkrauts.de
Diese Präsentation steht unter der „Attribution-ShareAlike 2.0“ -Lizenz
http://creativecommons.org/licenses/by-sa/2.0/de/