Advertisement
HTML & CSS

Quick Tip: Learning About HTML5 Local Storage

by

In today's video quick tip, we're going to build a working, though very basic, to-do list in just a minute or two. Thanks to HTML5's local storage, we can make advanced browsers "remember" what we type, even after the browser is closed or is refreshed.

"localStorage sets fields on the domain. Even when you close the browser, reopen it, and go back to the site, it remembers all fields in localStorage."
-QuirksBlog

While obviously not supported across all browsers, we can expect this method to work, most notably, in Internet Explorer 8, Safari 4, and Firefox 3.5. Note that, to compensate for older browsers that won't recognize local storage, you should first test to determine whether window.localStorage exists.

Support matrix

via http://www.findmebyip.com/litmus/
Related Posts
  • Photography
    Video
    Shooting a Helicopter Search and Rescue Mission TeamPreview
    Behind the scenes look at how to work with a first responder team and their helicopter to create a promotion for a search and rescue team.Read More…
  • Web Design
    Photoshop
    How to Export Photoshop Assets For the Web With PNGHatPnghat thumb
    The recently released "PNGHat" plugin for Photoshop, made by Source, creates an entirely different workflow for exporting PSD elements for use in websites, games, apps or whatever other types of projects you design for.Read More…
  • Computer Skills
    Office
    How to Add Videos to Your PowerPoint PresentationsPowerpoint and video
    Videos are a tad harder to add to your PowerPoint presentations than it'd seem at first glance. In this detailed tutorial, you'll learn step-by-step how to add local and online videos to your presentations, and get them to play back the way you want.Read More…
  • Computer Skills
    OS X
    The OS X Document Model Explored and ExplainedPages retina
    If you've switched from Windows, the way OS X handles the saving and storage of documents can be confusing at first. In recent iterations, OS X has introduced tools for easy duplication and version control. It has new means of storing documents--through iCloud--and has changed options you're used to seeing, such as Save as. In this tutorial, I'll show you the uniquely different document model, in OS X, and how to use some of the options that you may not already be familiar with.Read More…
  • Code
    Tools & Tips
    Coding in the CloudCoding in cloud retina preview
    The Internet has allowed us to work anywhere we want, giving us tremendous flexibility in choosing where we'd like to plant ourselves to build the next great app. Not being tied to an office desk has been a blessing to many who cherish the ability to work in varying environments and draw inspiration from their surroundings. But for the most part, we've needed to have a full-blown development machine to make this happen. What if we could leverage the cloud as a development environment itself, freeing us up to choose from a variety of devices to accomplish the same thing. That's what we'll explore in this article.Read More…
  • Code
    JavaScript & AJAX
    Working With IndexedDBIndexeddb retina preview
    One of the more interesting developments in web standards lately is the Indexed Database (IndexedDB for short) specification. For a fun time you can read the spec yourself. In this tutorial I'll be explaining this feature and hopefully giving you some inspiration to use this powerful feature yourself.Read More…