John Smith with a flacon of HTML N°5 perfume

HTML5

≻ Guidelines for Web Developers

Chapter 12: Finishing touches: some global attributes

This page shows all examples, graphics and links used in this chapter of HTML5: Guidelines for Web Developers. The first table lists examples and graphics with the relevant page numbers in the book, includes links (where applicable) to the online version of that page plus information on browser compatibility, and shows a preview of the figure in the book. Click on this preview to load the figure in original size in JPEG format. The second table lists all URLs which appear in the book on the relevant pages. If you would like to leave feedback or report any errors and bugs, please use the e-mail contact above.

pageexample / figurescreenshot
278Figure 12.1 Static basic layout of the 1-2-3-4! game

created with: Firefox 4.0b

tested with: Firefox 4.0b

screenshot:
282Figure 12.2 The game “1-2-3-4!” in action

created with: Firefox 4.0b

tested with: Firefox 4.0b

screenshot:
283Figure 12.3 Test application of the “dataTransfer.dropEffect”

created with: Firefox 3.6

tested with: Firefox 3.6, Chrome 7, IE 9b

screenshot:
285Figure 12.4 Drag and drop in combination with “FileAPI”

created with: Firefox 3.6

tested with: Firefox 3.6, Chrome 7

screenshot:
289Figure 12.5 Editing a page with the spell checker in Firefox 3.6

created with: Firefox 3.6

tested with: Firefox 3.6, Chrome 7 (spellcheck attribute not supported correctly ), Safari 5 (spellcheck attribute not supported correctly ), IE 9b (spellcheck attribute not supported )

screenshot:
290Figure 12.6 “Live” editing of styles and image sizes

created with: Firefox 3.6

tested with: Firefox 3.6, Chrome 7 (image not editable ), Safari 5 (image not editable ), IE 9b

screenshot:
pageURL
274http://html5.komplett.cc/code/chap_global/1234_en.html
274http://html5.komplett.cc/code/chap_global/1234.js
274http://html5.komplett.cc/code/chap_global/1234.css
277http://html5.komplett.cc/code/chap_global/1234_static_en.html
281http://html5.komplett.cc/code/chap_global/1234.js
281http://html5.komplett.cc/code/chap_global/1234.css
283http://html5.komplett.cc/code/chap_global/dropEffect_en.html
284http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/
284http://html5.komplett.cc/code/chap_global/extract_exif_en.html
284http://html5.komplett.cc/code/chap_global/extract_exif.js
284http://html5.komplett.cc/code/chap_global/extract_exif.css
284http://html5.komplett.cc/code/chap_global/lib/exif.js
284http://html5.komplett.cc/code/chap_global/images/senderstal.jpg
286http://www.nihilogic.dk/labs/exif/
286http://demos.hacks.mozilla.org/openweb/FileAPI/
287http://www.w3.org/TR/FileAPI/
287http://www.w3.org/TR/html5/dnd.html
288http://html5.komplett.cc/code/chap_global/edit_page_en.html
290http://bit.ly/dtnyIJ