John Smith with a flacon of HTML N°5 perfume

HTML5

≻ Guidelines for Web Developers

Chapter 8: Web storage and offline web applications

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
208Figure 8.1 Two windows demonstrating the difference between “sessionStorage” and cookies

created with: IE 9b

screenshot:
211Figure 8.2 The Firefox add-on Firebug displaying “sessionStorage”

created with: Firefox 4.0b

screenshot:
212Figure 8.3 Opera displaying Developer Tools

created with: Opera 10.60

screenshot:
218Figure 8.4 Google Chrome status messages for offl ine storage

created with: Chrome 6

screenshot:
219Figure 8.5 Firefox information on an element in the offl ine cache

created with: Firefox 4.0b

screenshot:
221Figure 8.6 The program “Click to tick!” during a game

created with: Chrome 6

tested with: Firefox 3.6, Opera 10.5, Chrome 6, Safari 5 (Cache MANIFEST not supported correctly)

screenshot:
223Figure 8.7 Creating a new game using the administration interface

created with: Chrome 6

tested with: Firefox 3.6, Opera 10.5, Chrome 6, Safari 5

screenshot:
225Figure 8.8 Google Chrome Developer Tools loading the offl ine cache

created with: Chrome 6

screenshot:
pageURL
206http://dev.w3.org/html5/webstorage/
206http://www.whatwg.org/specs/web-apps/current-work/complete/webstorage.html
209http://www.google.com/about
209http://sites.google.com
209http://sites.google.com/site/
211http://getfirebug.com/
211http://code.google.com/p/sqlite-manager/
220http://code.google.com/p/sessionstorage
220http://html5.komplett.cc/code/chap_intro/timeline.html?lang=en
223http://html5.komplett.cc/code/chap_storage/click2tick_creator.html