Garlic.js - A JavaScript Library To Persist Your Text Field Values Locally, Until The Form Is Submitted

Garlic.js allows you to automatically persist your forms' text field values locally, until the form is submitted. This way, your users don't lose any precious data if they accidentally close their tab or browser.

Requirements: None
Demo: http://garlicjs.org
License: MIT License

Lostorage.js – A JS Library For Client-Side Storage The Way It Should Be

Lostorage.js uses the HTML5 localStorage and sessionStorage APIs to provide a persistant client-side storage, mainly targeted at web apps. It has a cookie.js like interface.

Features:

• The minified version is 2.0 KiB large, 0.87 KB if minified and gzipped.
• It has no dependencies.
• You can store any kind of data with lostorage.js: Booleans, numbers, strings, arrays and plain objects. With the usual localStorage you can just read strings.
• lostorage.js supports chaining.

 


Requirements: None
Demo: https://github.com/js-coder/lostorage.js
License: MIT License

Sisyphus.js - A jQuery Plugin For Gmail-Like Client-Side Drafts Saves And Bit More

Sisyphus.js is a jQuery plugin for Gmail-like client-side drafts saves with some more features.  Imagine you're filling a complex form on site, or typing effervescent and extensive comment. And when you're almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh?

With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It's lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost.

Browser Support

• Chrome 4+
• Firefox 3.5+
• Opera 10.5+
• Safari 4+
• IE 8+ (6 & 7 with jStorage on page loaded before Sisyphus)

Requirements: jQuery
Demo: http://simsalabim.github.com/sisyphus/
License: MIT License

idb.filesystem.js - A Well Tested JavaScript Polyfill Implementation Of The HTML5 Filesystem API

idb.filesystem.js is a well tested JavaScript polyfill implementation of the HTML5 Filesystem API. It is intended for browsers that do not support the API natively.

The library works by using IndexedDB as its underlying storage layer. Essentially, this means that any browser supporting IndexedDB also supports the Filesystem API! All you need to do is make Filesystem API calls, and the rest is magic.


Requirements: None
Demo: http://html5-demos.appspot.com/static/filesystem/idb.filesystem.js/demos/basic/index.html
License: Apache License v2.0

Storage.js - Simple HTML5 Page Edits jQuery Plugin

Storage.js is a jQuery plugin for simple HTML5 page edits.  Storage.js uses the new HTML5  contenteditable attribute and localStorage to bring you editable content in the browser, while saving the state of all your work even after a browser restart.

Requirements: jQuery
Demo: http://ek.alphaschildren.org/projects/storagejs/
License: MIT License

Locache - JavaScript Caching Framework For Client Side In The Browser Using localStorage

Locache is a JavaScript caching framework for client side caching in the browser using localStorage. With a memcache inspired API usage is very easy and familiar.  Locache has no dependencies and is very small.

Locache gracefully degrades when the browser doesn't support localStorage. Usually this will be IE6 or IE7, you wont get any errors, but caching attempts will be silently dropped and lookups will always appear to be a cache miss.

Setting, Getting And Removing Values

Values can be stored one at a time as shown below, these values will never expire and will only be removed when you (or the browser) removes them.


When you store an object, that's what you'll get back. For example, a number:


Storing complex objects isn't a problem too. Just make sure they are JSON serializable.


You can also perform batch operations.

Setting Values That Expire

Incrementing And Decrementing? Sure.

Flushing The Cache

Use the following to clear only the locache values stored in localStorage.

Performing Cleanup

Since localStorage doesn't support expiring values, they will still be left around. This may or may not be a problem for you. If you want to make sure they are cleaned up, use the following method on page load, or with a setTimeout loop.


Requirements: None
Demo: https://github.com/d0ugal/locache
License: MIT License

Basket.Js - A Simple (Proof-Of-Concept) Script Loader That Caches Scripts With Localstorage

Basket.js is a  simple (proof-of-concept) script loader that caches scripts with localStorage.

Requirements: jQuery
Demo: http://addyosmani.github.com/basket.js/
License: MIT License or GPL

jQuery.localstoragetextareas - A jQuery Plugin Which Automatically Saves Textareras Content Locally

jQuery.localStorageTextareas is a jQuery plugin which saves textareas to localStorage when the data-save-id attribute is defined as a unique string identifier for that textarea.  Written by the fine people at teambox.com, below are the additional features of the jQuery plugin:

• Typing on a textarea will save its value locally every 200 ms.
• Clicking on an empty textarea will load the saved value if there is one.
• Calling $(selector).loadSavedTextareas() will restore textareas saved.

Requirements: underscore.js, jQuery
Demo: https://github.com/micho/jquery.localStorageTextareas/...
License: MIT License