} }, false); Update Manifest file EVERY time ANY required resource changes If resources fail to download, app will not update! Your old version will always start first (Browser does not know if it has a connection initially)
session or longer (similar to cookies) Web Storage localStorage.setItem("bar", foo); localStorage["bar"] = foo; But nothing to stop you from encoding JSON, image data, etc
db.transaction(function(tx) { tx.executeSql("create table if not exists " + "checkins(id integer primary key asc, time integer, latitude float,longitude float)" ); }); Power of a client side RDBS db.transaction(function(tx) { tx.executeSql( "insert into checkins (time, latitude, longitude) values (?,?,?);", [checkin.time, checkin.latitude, checkin.longitude], onSuccessHandler, onErrorHandler ); });
JavaScript wrapper around SQLite... var db = openDatabase('example', '1.0', 'Checkins', 8192); db.transaction(function(tx) { tx.executeSql("create table if not exists " + "checkins(id integer primary key asc, time integer, latitude float,longitude float)" ); }); Power of a client side RDBS db.transaction(function(tx) { tx.executeSql( "insert into checkins (time, latitude, longitude) values (?,?,?);", [checkin.time, checkin.latitude, checkin.longitude], onSuccessHandler, onErrorHandler ); });
long way Canvas and SVG - Canvas is great for pixel perfect changes - SVG if vectors are a better fit WebGL - Not there yet for mobiles and tablets but coming soon... Range of technologies to choose from
setTimeout() loops - Use requestAnimationFrame() instead Avoid excessive browser reflows wherever possible 3D CSS transforms can speed up Desktop/iOS apps but Android still has poor support
setTimeout() loops - Use requestAnimationFrame() instead Avoid excessive browser reflows wherever possible Check out Paul Irish’s great blog posts for more info http://paulirish.com/2011/dom-html5-css3-performance/ 3D CSS transforms can speed up Desktop/iOS apps but Android still has poor support