So lately I’ve been falling deeply in love in with HTML5. Its power, versatility and simplicity is so attractive to web designers and web developers. One area of HTML5 that I absolutely love is LocalStorage. LocalStorage gives you the ability to easily create a DB for your site or app right in the browser. After reading article after article and tutorial and tutorial here’s a great collection of excellent articles from around the interwebs on the subject.

HTML5 Local Storage – kirupa.com

Because web pages do not persist data, various solutions have been proposed over the years ranging from cookies to 3rd party plug-ins to browser-specific implementations. With HTML5, you have something new – something that everyone hopes will stick! This “something new” is a solution affectionately known as Local Storage……

HTML5 Local Web Storage Database Tutorial And Example - aquim.com

Up until the introduction of HTML 5 web storage, the most common method for storing data locally on a user’s machine was to use cookies and sessions. While these methods are adequate for storing simple values anything other than trivial amounts becomes problematic. This is where HTML 5’s Web Storage comes in to play. Referred to as “Local Storage”, “DOM Storage” or a “Web SQL Database”, HTML 5 web storage allows a developer the freedom to store large amounts of data on the clients machine that persists past past sessions, doesn’t require unencrypted……

Create super-efficient SVG characters with localStorage - netmagazine.com

SVG is a great way to paint and animate high quality, scalable vector graphics on the web. It’s a form of XML and can be easily exported from vector packages, such as Illustrator, for use in your website. Once rendered it can be scaled to any size without losing quality and animated or manipulated like a collection of DOM objects……

Wrapping Things Nicely with HTML5 Local Storage – 24Ways.org

This is great, as it gets people excited and it gives the media something to show. There is much more to HTML5, though. Let’s take a look at one of the less sexy, but amazingly useful features of HTML5 (it was in the HTML5 specs, but grew at such an alarming rate that it warranted its own spec): storing information on the client-side……

HTML5 localStorage Part One – paperkilledrock.com

We all know how awesome the future of the web will be with HTML5. This new spec has some amazing potential and is already getting a lot of use. From the new tags like section, article, header and footer to the video debate taking center stage with Apple vs Adobe. There are so many great things about HTML5 but today I want to go over just one; localStorage……

HTML5 code example: Intelligently store Images in localStorage for faster page loads! – ibm.com/developerworks

Recently I was exploring lazy load techniques as a method to improve perceived page load times.   There are a number of methods to lazy load web artifacts, which enable a web developer to delay or load page elements on demand.  Typically these methods are used to control and prioritize the rendering of primary web page elements to the benefit of the overall user experience……

Maintaining the user journey with HTML 5 web storage – punkchip.com

The HTML 5 specification includes a web storage API for data storage in web clients. It means we can store large amounts of data, client-side, to read and write to as we like without causing the site to slow down (when compared to using cookies). …..

The Past, Present & Future of Local Storage for Web Applications – diveintohtml5.info

Persistent local storage is one of the areas where native client applications have held an advantage over web applications. For native applications, the operating system typically provides an abstraction layer for storing and retrieving application-specific data like preferences or runtime state. These values may be stored in the registry, INI files, XML files, or some other place according to platform convention. If your native client application needs local storage beyond key/value pairs, you can embed your own database, invent your own file format, or any number of other solutions……

Working with HTML5 localStorage() - http://html5tutorial.net

I want to focus on localStorage() this time. localStorage is a client-side key-value database, meaning it is stored in the users browser. This means the users data is saved on their machine inside their browser. This also means that their data is only available to them when on that machine and in that browser. Remember that localStorage is per browser not per computer……

Exploring HTML5′s localStorage – Persistent Client-Side Key-Value Pairs - bennadel.com/blog/

The other day, when building the Things I Give website and web app, I used HTML5′s localStorage object for the first time. Like cookies, the localStorage object provides a way to persist string-based, key-value pairs on the client. Unlike cookies, however, these values don’t have to be passed back to the server with every request. And, the localStorage has a much larger quota than cookies – about 5 megabytes on supporting browsers……