Ich habe glaube ich noch keinen einzigen Talk über HTML5 gehalten, in dem ich nicht auf diese Karte des HTML5-Universums zurückgegriffen habe:
Man kann unter Zuhilfenahme dieses Bildchens sehr anschaulich und vor allem zeiteffektiv ein paar wichtige Dinge über HTML5 erklären. Zum Beispiel sieht man sehr schön
- das Verhältnis der beiden HTML5-Spezifikationen nebst den jeweiligen Web Developer Editions zueinander sowie zum Alltagsbegriff „HTML5“ (alles Teilmengen voneinander),
- dass neben W3C (blaue Kreise) und WHATWG (grün) noch viele weitere Parteien das Web aufmischen (orange) und dass HTML5 nicht alles ist, was das Web Neues zu bieten hat,
- den schieren Umfang des ganzen neuen Zeugs (jeder Kreis repräsentiert ein eigenes, unter Umständen sehr umfangreiches Spezifikationsdokument),
- dass es richtig komplizierte Sonderfälle in diesem ganzen Web-Zirkus gibt (die eingestellte Web SQL Database, die aus einer API und einem Protokoll bestehenden Web Sockets),
- und dass jQuery und Node.js wirklich nichts mit HTML5 zu tun haben und das auch bei CSS3 eine eher problematische Einordnung ist.
Da ich mindestens zwei mal pro Monat eine E-Mail bekomme, in der gefragt wird, wo man denn diese Grafik herkriegen kann und ob man sie in Slides/Büchern/Abschlussarbeiten verwenden darf, steht das gute Stück ab jetzt offiziell unter einer Creative Commons Namensnennung 3.0 Deutschland Lizenz und hat ein ein Github-Repository für Bugreports und Weiterentwicklung. Es gibt (mit Inkscape gebaute) SVGs sowie PNGs und jeweils eine Variante mit weißem und eine mit schwarzem Hintergrund. Macht damit was ihr wollt!
Kommentare (11)
Jan ¶
11. April 2012, 00:24 Uhr
Cool. Würde sich bestimmt auch gut im HTML5-Wikipedia-Artikel machen. Möchtest du es selbst auf Wikimedia Commons hochladen oder soll ich das übernehmen?
Peter Kröner ¶
11. April 2012, 00:47 Uhr
Ich mache da gar nichts. Würde sicher gegen irgendwelche Regeln verstoßen und dafür Löschung und lebenslange Verbannung kassieren :)
Jan ¶
11. April 2012, 01:03 Uhr
Och, so schlimm ists nun auch wieder nicht. Zumindest nicht immer. :)
Attribution einfach "Peter Kröner"?
Peter Kröner ¶
11. April 2012, 01:15 Uhr
Aye.
Jan ¶
11. April 2012, 22:40 Uhr
Liegt jetzt unter http://commons.wikimedia.org/wiki/File:HTML5-Spezifikations-%C3%9Cbersicht.svg.
Leider ist der Commons-SVG-Renderer ziemlich verbuggt. :(
Peter Kröner ¶
11. April 2012, 23:50 Uhr
Ich glaube das liegt primär an der Datei. Was aus Inkscape rauskommt, wird meiner Erfahrung nach fast nirgendwo sonst gut gerendert. Da müsste mal jemand mit Ahnung drangehen und das fixen.
ThomasM ¶
19. April 2012, 15:37 Uhr
Habe mal die SVG-Variante mittels XSLT von den überflüssigen sodipodi- bzw. inkscape-Inhalten bereinigt und über viewBox eine fensterfüllende Darstellung hinzugefügt.
Peter Kröner ¶
19. April 2012, 15:40 Uhr
Ist das in Handarbeit gemacht oder kann man die Erzeugung dieser Version irgendwie mit einem Script oder so automatisieren? Könnte man dann ja ins Hauptprojekt einfließen lassen …
ThomasM ¶
19. April 2012, 15:58 Uhr
Dieses XSLT-Stylesheet erzeugt die Ausgabe, z. B. mit dem Saxon-Prozessor.
ThomasM ¶
19. April 2012, 19:36 Uhr
Tippfehler im Dateinamen korrigiert und XSLT-Code noch etwas optimiert.
Stefan ¶
20. April 2012, 07:55 Uhr
Sieht selbst auf nem iPhone gut gerendert aus