!!! Listings aus dem Artikel "Fünf Viertel"
!!! von Stefan Mintert, iX 6/2011, S. 42
!!! Listing 1: Strukturierung mit article
Tutorial: iPhone-Apps mit Webtechniken (iX)
Stefan Mintert
In der aktuellen Ausgabe...
Selbstverständlich bieten...
W3C startet neue RDF Working Group
....
!!! Listing 2: Verschachtelte section-Elemente
HTML5
HTML5 ist eine textbasierte Auszeichnungssprache zur Strukturierung
und ...
Entstehung
Die von mehreren Browser-Herstellern unterstützte WHATWG
veröffentlichte...
Verschiedene Arbeitsmodelle von W3C und WHATWG
Die WHATWG verfolgt ein versionsloses Modell der Entwicklung.
Verhältnis der Spezifikationen des W3C und der WHATWG
Der Verfasser (engl. editor) der Spezifikation ist...
W3C-Veröffentlichungen
Im folgenden die Veröffentlichungen der HTML5-Entwürfe durch das W3C...
Fortschritt in der Entwicklung
In der Spezifikation der WHATWG wird darauf hingewiesen,...
Ziele von HTML5
Die ersten wichtigen Ziele für HTML5 wurden von Tim
Berners-Lee...
...
!!! Listing 3: Struktur und h-Elemente
Ein Versuch in HTML
Über implizite Abschnitte
Keep it simple
"Implizit" ist das Gegenteil von "übersichtlich" ;-)
Abschnitte an und für sich
Nur nicht den Überblick verlieren.
!!! Listing 4: header und implizite section
!!! oben: header + section -- bitte kursiv
Homepage von Donald Duck
Mein Leben in Bildern
Willkommen auf meiner Seite...
...
Wie alles anfing
Fauntleroy hätte ich heißen sollen, wenn sich mein Vater
durchgesetzt hätte. ...
!!! Listing 5: Gedachte schlechte Elementstruktur
Willkommen auf meiner Seite...
...
Wie alles anfing
Fauntleroy hätte ich heißen sollen, wenn sich mein Vater
durchgesetzt hätte. ...
!!! Listing 6: Plotter (HTML)
Funktionsplotter mit Canvas | HTML5
Funktionsgraphen mit Canvas/Javascript
!!! Listing 7: plotter.js - ausfuehrlich in gesonderter Datei
function log(text) {
var logElem = document.getElementById("log");
logElem.innerHTML += text + "\n";
return true;
}
var Plotter = (function () {
/* Objekte für Canvas und Context */
var plotterCanvas = document.getElementById("plotter"),
ctx = plotterCanvas.getContext('2d'),
w = plotterCanvas.width,
h = plotterCanvas.height;
/* Methode zum Löschen des Canvas */
var clear = function () {
plotterCanvas.width = plotterCanvas.width;
};
var draw = function (functionString, xMin, xMax, yMin, yMax) {
};
return {
draw: draw,
clear: clear
};
}());
!!! Listing 8: Eigene Attribute per data- einbauen