Numerical experiments, Tips, Tricks and Gotchas
Creating HTML5 Offline Web Apps. Useful references
Introduction
HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It was finalized, and published, on 28 October 2014 by the World Wide Web Consortium (W3C) [1], [2], [3].
Books, chapters
- Chapter from Pro HTML5 Programming: Creating HTML5 Offline Web Applications [4].
Tutorials
- How to create an offline web application [5].
- Matthew Andrews tutorials:
- Building data-intensive, secure, offline web applications [8].
- How to create offline HTML5 web apps in 5 easy steps [9].
Video tutorials
- Building offline web apps with HTML5 [10].
- O'Reilly webcast: Building Offline Web Apps [11].
- Experimenting with HTML5's cache manifest for offline web applications [12].
Sample applications
- Building a simple cross-browser offline To-Do list with IndexedDB and WebSQL [13].
- Offline, encrypted diary using Electron.js + React.js [14].
- Phone book sample app [15].
- When the connection is not available, the application displays the data from the last time it was able to connect to the server [16].
Selected JS libraries
- JavaScript crypto libraries [17].
- Movable Type Ltd, Useful scripts [18].
- Distance between pair of latitude/longitude points.
- Converting OS Grid Ref's & lat/long points.
- Tiny Encryption Algorithm. TEA is a simple DES-style encryption algorithm for confidential storage or transmission.
- SHA-256 cryptographic hash function.
- AES encryption. AES is industrial-strength encryption.
- Album list from iPod XML music library.
- Chris Veness' Libraries of cryptographic functions implemented in JavaScript [19].
- Four serious math libraries for JavaScript (numbers.js, Numeric Javascript, Tangle, accounting.js) [20].
- D3 (Data-Driven Documents) visualization [21].
- D3 alternatives [22].
- Graph visualizations:
- Arbor.js - A library for graph visualization using jQuery [23].
- Sigma.js - A very lightweight library for graph visualization [24].
- JSNetworkX is a port of the popular Python graph library NetworkX [25]. JSNetworkX aims to bring graph processing to JavaScript, client- and server-side, and to provide an easy way to visualize graphs in the browser.
- Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features [26].
References
- wikipedia.org, HTML5
- w3schools, HTML5 Introduction
- Louis Lazaris, A Basic HTML5 Template For Any Project
- Peter Lubbers, Brian Albers, Frank Salim, Pro HTML5 Programming, Creating HTML5 Offline Web Applications
- Craig Buckler, How To Create an Offline Web Application
- Matthew Andrews, Tutorial: How to make an offline HTML5 web app, FT style
- Matthew Andrews, Tutorial 2: Supporting both IndexedDB and WebSQL on a cross platform web app
- Nick Harlow, Building Data-Intensive, Secure, Offline Web Applications
- Jean, How to create offline HTML5 web apps in 5 easy steps
- Jonathan Stark, Video: Building Offline Web Apps with HTML5
- O'Reilly Webcast, Building Offline Web Apps with HTML5
- Ben Nadel, Experimenting With HTML5's Cache Manifest For Offline Web Applications
- Matt Andrews, Building A Simple Cross-Browser Offline To-Do List With IndexedDB And WebSQL
- Ramesh Nair, Heartnotes - offline, encrypted diary using Electron.js + React.js
- Mehdi Khalili, Offline Web Application
- Giorgio Sironi, Offline web applications: a working example
- JavaScript Crypto Libraries
- Chris Veness, Movable Type Ltd, Sample projects; Useful scripts
- Chris Veness, Libraries of cryptographic functions implemented in JavaScript
- John Mueller, Four Serious Math Libraries for JavaScript
- d3js.org, Data-Driven Documents
- Scott Murray, D3 alternatives
- arborjs.org, Arbor - a graph visualization library using web workers and jQuery
- sigma.org, Sigma is a JavaScript library dedicated to graph drawing
- jsnetworkx.org/, JSNetworkX. A JavaScript port of the NetworkX graph library
- flotcharts.org, Flot is a Javascript plotting library for jQuery.