6 Useful HTML5 Local Storage Tutorials

HTML5 Local Storage is one of the most powerful features that came out of HTML5 bundle. HTML5 local storage is used for storing key value pairs on the client side. These key value pairs can be retrieved in HTML pages originating from the same domain. So here are six useful tutorials to get you started with HTML5 local storage.

HTML5 localStorage

Basically it is a client-side database. That is a database that resides in the users browser and not on your server. The difference between this database and others you may be familiar with resides in that this is for key-value storage. This means you won’t be writing some crazy sql intense application while using localStorage.


Wrapping Things Nicely with HTML5 Local Storage

HTML5 is here to turn the web from a web of hacks into a web of applications – and we are well on the way to this goal. The coming year will be totally and utterly awesome if you are excited about web technologies.


Local Storage And How To Use It On Websites

Storing information locally on a user’s computer is a powerful strategy for a developer who is creating something for the Web. In this article, we’ll look at how easy it is to store information on a computer to read later and explain what you can use that for.


Local Storage – Dive Into HTML5

So what is HTML5 Storage? Simply put, it’s a way for web pages to store named key/value pairs locally, within the client web browser. Like cookies, this data persists even after you navigate away from the web site, close your browser tab, exit your browser, or what have you. Unlike cookies, this data is never transmitted to the remote web server (unless you go out of your way to send it manually).


Working with HTML5 localStorage()

HTML5 is fast approaching and getting wide spread usage. Most are familiar with the new tags like header, section and footer and everybody is aware of the new video tags thanks to Apple vs Adobe. However, there is a lot more to HTML5 those just those two aspects.


HTML5 – code example of ContentEditable and LocalStorage – create a web sticky note!

Mouse click within the area of the yellow sticky note.. and type your sticky message. The app stores each character as your typing… in localStorage (not a cookie). When you re-visit this blog entry, you sticky message is recalled. Remember, with HTML5 not fully implemented in all browsers, this sample will require an HTML5 compliant browser, such as Firefox 3.5 or above.


Published by


I am web designer/developer, creative blogger, wordpress user & founder of idesignow.