Knockin‘ on heaven‘s door
Die Praxis zu Besuch beim W3C
‣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
Jens Grochtdreis
Bei einem Vortrag denkt nach Minuten sowieso jeder
nur noch an Sex.Sigmund Freud
http://snipurl.com/11pngmhttp://upload.wikimedia.org/wikipedia/commons/d/d2/Derdenker.jpg
Worum geht‘s?
W3C-Groupies
http://www.scottymoore.net/images/amarillo/crowd2.jpg
Werbeabteilung des W3C
Eric Meyer
http://meyerweb.com/eric/css/
Opera
http://dev.opera.com/articles/wsc/
Mozilla
https://developer.mozilla.org/en-US/
Einfach für Alle
http://www.einfach-fuer-alle.de/
Die Realität - trotz Werbung
Überschriften werden überbewertet ...
http://www.directsoftwareconnection.com/
Webdesign kann jeder!
Barrierefrei? NEIN!
http://www.finanzamt-pirmasens-zweibruecken.de/
http://www.finanzamt-pirmasens-zweibruecken.de/ansprechpartner/index_anspr.html
Stand: September 2010
http://www.flugsimulator-leipzig.de/
Stand: September 2010
Was sollen wir also mit XML? Ein Fehler und die
Seite existiert nicht!
Am Anfang ging alles schnell!
‣ 1995: HTML 2
‣ 1997: HTML 3.2
‣ 1998: HTML 4
‣ 1999: HTML 4.01
‣ 2001: XHTML 1
‣ 1996: CSS 1
‣ 1998: CSS 2
Die Basis unserer Arbeit ist mehr als 10 Jahre alt!
Internet == Wandel
Wer die Wandlungsfähigkeit des Internet nicht akzeptiert und
mitgestalten will, sollte sich ein anderes Betätigungsfeld suchen.
Die Entwicklung des Internet ist sehr dynamisch und noch lange nicht
abgeschlossen. Das W3C hat demnach das falsche mentale Modell: zu starr und unflexibel
Kleine Module sind wichtiger, als der große, intellektuelle Wurf!
Bsp.: Mikroformate und WAI-ARIA
Keine Technik bleibt einmal in der bekannten Form und
Bedeutung!
Immer weniger Dokumente, immer mehr Applikationen
Fehlende Bedienelemente
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
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.
Offene Standards sind wichtig!
Alle können das Gleiche konsumieren!
Der Erstellungsaufwand ist geringer, als wenn alle ihr eigenes Süppchen kochen.
Funktioniert das auch im IE?
http://www.sts.tu-harburg.de/projects/WEL/0911/images/Der%20Schrei.jpg
Wir wissen heute nicht, mit welchen Geräten morgen und
übermorgen hantiert wird.
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!
3%3%
14%
18%
18%
44%
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
Der mobile Markt
‣ Eine hundertprozentige Designgleichheit zwischen den Browsern kann nicht gewährleistet werden, da die Implementierungen der Webstandards durch die Browserhersteller in Teilaspekten sehr unterschiedlich sind.
Standardsatz in Konzepten
http://cdn.jquery.net/mobile/wp-content/themes/jquery-mobile/images/ipad-palm.png
http://www.flickr.com/photos/fmg2001/679774853/sizes/o/
Wen interessieren Browser?
Nur Entwickler!
http://www.flickr.com/photos/fmg2001/679774853/sizes/o/
Wen interessieren Browser?
Feindliche Umgebung
http://www.gtalbot.org/BrowserBugsSection/
http://www.findmebyip.com/litmus/#target-selector
Zwei Welten: IE und moderne Browser
Runde Ecken
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
Runde Ecken - The ThrashBox
http://www.vertexwerks.com/tests/sidebox/
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
Runde Ecken für moderne Browser
Rom, die Frisur hält
‣ Auch für Bilder!
‣ Auch auf Verläufen!
‣ Auch in em oder %!
‣ Schatten für Bilder
‣ maximale Flexibilität!
Microsoft ist der Bremsklotz des Fortschritts
Funktioniert das auch im IE?
Der Fortschritt richtet sich nach dem Langsamsten
wegen dessen Verbreitung.
http://blogs.sitepointstatic.com/images/tech/121-ie6-mod-orange.jpg
Alte IE-Versionen ...
Wir sind gefangen zwischen Modernität und IE!
http://failblog.files.wordpress.com/2009/09/epic-fail-destination-fail.jpg
Wir benötigen einen mutigen, großen Schritt
nach vorne.
In den letzten Jahren machte das W3C den Eindruck, lieber zu
diskutieren, als zu entscheiden. Entscheidungen werden aber benötigt.
Einige Eurer in Diskussion befindlichen Specs funktionieren
schon (bspw. CSS3)! Also: abschliessen!
Liebes W3C!
Alle Seiten benötigen Sicherheit -
Entwicklungssicherheit!
Es wird Zeit, vendor-prefixes seltener zu machen.
.rc4 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
Und? Hatte Freud recht?Ich hoffe nicht.
Jens Grochtdreishttp://grochtdreis.de
http://twitter.com/Flockehttp://webkrauts.de
Diese Präsentation steht unter der Creative Commons Lizenz „Attribution-ShareAlike 2.0“ http://creativecommons.org/licenses/by-sa/2.0/de/