John Smith with a flacon of HTML N°5 perfume

HTML5

≻ Leitfaden für Webentwickler

Kapitel 12: Einige globale Attribute zum Schluss

Auf dieser Seite finden Sie alle im Buch HTML5: Leitfaden für Webentwickler verwendeten Beispiele, Grafiken und Links für dieses Kapitel. Die erste Tabelle listet Beispiele und Grafiken mit Seitenzahlen im Buch auf, stellt Links (sofern relevant) zur Online-Version der Seite sowie Angaben zur Browserkompatibilität bereit und zeigt eine Vorschau der Abbildung im Buch. Beim Klick auf dieses Vorschaubild wird die Abbildung in Originalgröße im Format JPEG geladen. Die zweite Tabelle listet alle URLs auf, die im Buch auf den jeweiligen Seiten genannt sind. Für Feedback und Bug-Reports stehen ihnen E-Mail sowie ein eigenes Ticket-System zur Verfügung, in dem Sie neue Kommentare absetzen und bestehende Kommentare / Errata auch Online mitverfolgen können.

SeiteBeispiel / GrafikScreenshot
312Abbildung 12.1: Statisches Basis-Layout des 1-2-3-4!-Spiels

Erstellt mit Firefox 4.0b

Läuft mit Firefox 4.0b

Screenshot
317Abbildung 12.2: Das Spiel »1-2-3-4!« in Aktion

Erstellt mit Firefox 4.0b

Läuft mit Firefox 4.0b

Screenshot
318Abbildung 12.3: Test-Applikation für »dataTransfer.dropEffect«

Erstellt mit Firefox 3.6

Läuft mit Firefox 3.6, Chrome 7, IE 9b

Screenshot
320Abbildung 12.4: Drag&Drop in Kombination mit der »FileAPI«

Erstellt mit Firefox 3.6

Läuft mit Firefox 3.6, Chrome 7

Screenshot
324Abbildung 12.5: Editieren einer Seite mit Rechtschreibprüfung in Firefox 3.6.8

Erstellt mit Firefox 3.6

Läuft mit Firefox 3.6, Chrome 7 (spellcheck-Attribut nicht richtig unterstützt), Safari 5 (spellcheck-Attribut nicht richtig unterstützt), IE 9b (spellcheck-Attribut nicht unterstützt)

Screenshot
325Abbildung 12.6: Stile »live« verändern und Bildgrößen editieren

Erstellt mit Firefox 3.6

Läuft mit Firefox 3.6, Chrome 7 (Bild nicht editierbar), Safari 5 (Bild nicht editierbar), IE 9b

Screenshot
SeiteURL
308http://html5.komplett.cc/code/chap_global/1234.html
308http://html5.komplett.cc/code/chap_global/1234.js
308http://html5.komplett.cc/code/chap_global/1234.css
312http://html5.komplett.cc/code/chap_global/1234_static.html
316http://html5.komplett.cc/code/chap_global/1234.js
316http://html5.komplett.cc/code/chap_global/1234.css
318http://html5.komplett.cc/code/chap_global/dropEffect.html
319http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/
320http://html5.komplett.cc/code/chap_global/extract_exif.html
320http://html5.komplett.cc/code/chap_global/extract_exif.js
320http://html5.komplett.cc/code/chap_global/extract_exif.css
320http://html5.komplett.cc/code/chap_global/lib/exif.js
320http://html5.komplett.cc/code/chap_global/images/senderstal.jpg
322http://www.nihilogic.dk/labs/exif/
322http://demos.hacks.mozilla.org/openweb/FileAPI/
323http://www.w3.org/TR/FileAPI/
323http://www.w3.org/TR/html5/dnd.html
324http://html5.komplett.cc/code/chap_global/edit_page.html
325http://bit.ly/dtnyIJ