Auf dem W3C-Tag 2010 ergriff ich die Chance, das W3C zu schnellerem Handeln in Sachen Webstandards zu ermutigen. Die Entwicklungsgeschwindigkeit bspw. bei CSS3 ist einfach zu langsam.

1. Knockin‘ on heaven‘s
door
Die Praxis zu Besuch beim W3C

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

3. Bei einem Vortrag denkt
nach Minuten sowieso jeder
nur noch an Sex.
Sigmund Freud

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

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

6. Werbeabteilung des W3C

7. WASP
http://www.webstandards.org/

8. Webkrauts
http://www.webkrauts.de/

9. Eric Meyer
http://meyerweb.com/eric/css/

10. A List Apart
http://www.alistapart.com/

11. Opera
http://dev.opera.com/articles/wsc/

12. Mozilla
https://developer.mozilla.org/en-US/

13. Einfach für Alle
http://www.einfach-fuer-alle.de/

14. Die Realität - trotz Werbung

15. Überschriften werden
überbewertet ...

18. Webdesign kann jeder!
http://www.directsoftwareconnection.com/

19. Barrierefrei? NEIN!
http://www.finanzamt-pirmasens-zweibruecken.de/

21. Stand: September 2010
http://www.finanzamt-pirmasens-zweibruecken.de/ansprechpartner/index_anspr.html

22. Stand: September 2010
http://www.flugsimulator-leipzig.de/

23. Was sollen wir also mit
XML? Ein Fehler und die
Seite existiert nicht!

24. Am Anfang ging alles schnell!

25. ‣ 1995: HTML 2 ‣ 1996: CSS 1
‣ 1997: HTML 3.2 ‣ 1998: CSS 2
‣ 1998: HTML 4
‣ 1999: HTML 4.01
‣ 2001: XHTML 1

26. Die Basis unserer Arbeit ist
mehr als 10 Jahre alt!

27. Internet == Wandel

28. Wer die Wandlungsfähigkeit des
Internet nicht akzeptiert und
mitgestalten will, sollte sich ein
anderes Betätigungsfeld suchen.

29. Die Entwicklung des Internet ist sehr
dynamisch und noch lange nicht
abgeschlossen. Das W3C hat demnach das
falsche mentale Modell: zu starr und unflexibel

30. Kleine Module sind wichtiger, als
der große, intellektuelle Wurf!
Bsp.: Mikroformate und WAI-ARIA

31. Keine Technik bleibt einmal
in der bekannten Form und
Bedeutung!

32. Immer weniger Dokumente,
immer mehr Applikationen

35. Fehlende Bedienelemente

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

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

38. Offene Standards sind
wichtig!

39. Alle können das Gleiche
konsumieren!

40. Der Erstellungsaufwand ist
geringer, als wenn alle ihr
eigenes Süppchen kochen.

41. Funktioniert das
auch im IE?
http://www.sts.tu-harburg.de/projects/WEL/0911/images/Der%20Schrei.jpg

42. Wir wissen heute nicht, mit
welchen Geräten morgen und
übermorgen hantiert wird.

43. Wenn wir keine allgemeingültigen Standards
haben, macht jeder seine eigenen Sachen. Wie
Apple mit den Apps. Dann bedeutet das
doppelt und dreifache Arbeit und die
Abwesenheit von Flexibilität!

44. Der mobile Markt
3% 3%
14%
18% 44%
18%
Symbian Android Blackberry iOS Win mobile Rest
http://communities-dominate.blogs.com/brands/2010/08/final-numbers-q2-of-2010-for-smartphone-market-shares.html

45. Standardsatz in Konzepten
‣ Eine hundertprozentige Designgleichheit
zwischen den Browsern kann nicht
gewährleistet werden, da die
Implementierungen der Webstandards durch
die Browserhersteller in Teilaspekten sehr
unterschiedlich sind.

46. http://cdn.jquery.net/mobile/wp-content/themes/jquery-mobile/images/ipad-palm.png

47. Wen interessieren Browser?
http://www.flickr.com/photos/fmg2001/679774853/sizes/o/

48. Nur Entwickler!

49. Wen interessieren Browser?
http://www.flickr.com/photos/fmg2001/679774853/sizes/o/

50. Feindliche Umgebung
http://www.gtalbot.org/BrowserBugsSection/

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

52. Zwei Welten:
IE und moderne Browser

53. Runde Ecken
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

54. Runde Ecken - The ThrashBox
http://www.vertexwerks.com/tests/sidebox/

55. 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. Runde Ecken für moderne
Browser

57. Rom, die Frisur hält
‣ Auch für Bilder!
‣ Auch auf Verläufen!
‣ Auch in em oder %!
‣ Schatten für Bilder
‣ maximale Flexibilität!

58. Microsoft ist der Bremsklotz
des Fortschritts

59. Funktioniert das
auch im IE?

60. IE ≠ modern
http://css3generator.com/

61. Der Fortschritt richtet sich
nach dem Langsamsten
wegen dessen Verbreitung.

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

63. Der IE6 stirbt nicht!
http://snipurl.com/vzokk

64. http://snurl.com/t58bi

65. http://workdiary.de/

66. Wir sind gefangen zwischen
Modernität und IE!

67. http://failblog.files.wordpress.com/2009/09/epic-fail-destination-fail.jpg

68. Wir benötigen einen
mutigen, großen Schritt
nach vorne.

69. In den letzten Jahren machte das
W3C den Eindruck, lieber zu
diskutieren, als zu entscheiden.
Entscheidungen werden aber benötigt.

70. Liebes W3C!
Einige Eurer in Diskussion
befindlichen Specs funktionieren
schon (bspw. CSS3)!
Also: abschliessen!

71. Alle Seiten benötigen
Sicherheit -
Entwicklungssicherheit!

72. Es wird Zeit, vendor-prefixes
seltener zu machen.

73. .rc4 {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

74. http://snipurl.com/vtlcq

75. Und? Hatte Freud recht?
Ich hoffe nicht.

76. Jens Grochtdreis
http://grochtdreis.de
http://twitter.com/Flocke
http://webkrauts.de
Diese Präsentation steht unter
der Creative Commons Lizenz
„Attribution-ShareAlike 2.0“
http://creativecommons.org/licenses/by-sa/2.0/de/