Filling device storage with HTML5 localstorage

A while back I wrote about using HTML5 local storage engine for storing websites data locally on a client device for caching or off line use. The W3 recommendation on web storage recommends a size limit on the amount of data storage allowed per origin. This has currently been implemented by the major browsers as follows: 2.5 MB per origin in Google Chrome 5 MB per origin in Mozilla Firefox, Safari and Opera 10 MB per origin in Internet Explorer Continue reading “Filling device storage with HTML5 localstorage” »

By |March 1st, 2013|HTML5, Security|0 Comments

HTML5 Offline Storage

HTML5 introduces a pretty handy ability to cache remote resources locally for off-line use, meaning the resources are downloaded once. Then when the page is used again in the future the local (cached) copies of the file will be used instead of requesting the files from the server again. Why would you want this? This functionality come is handy for developing sites that may need to be deployed in places with patchy Internet i.e remote satellite offices or most importantly HTML5 mobile applications. How do I make this happen? First up you need to make an .appcache file for your site telling the browser exactly what resources you would like to cache. In its simplest form a manifest file is just a standard text file with the .appcache extension. The first line of the manifest file contains the line “CACHE MANIFEST” and each new line afterward a filename and path for a resource to be cached is listed e.g CACHE MANIFEST /css/style.css /js/scripts.js Continue reading “HTML5 Offline Storage” »

By |October 12th, 2012|HTML5|0 Comments

HTML5 Placeholders With jQuery

HTML 5 brings many new features to the browser including a lot of enhancements to the way forms are created and handled. One of my favourite features is the introduction of the placeholder attribute, this allows the display of  some text in a text input field or text area until the element is brought into focus. This allows the addition of small tips or related prompts to give the user a better understanding of what is required as input. Continue reading “HTML5 Placeholders With jQuery” »

By |July 10th, 2011|HTML5|0 Comments