Free Sample
+ Collection

Instant HTML5 Local Storage How-to

Alex Libby

Over 15 recipes to take advantage of the HTML5 Local Storage standard
RRP $12.99

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849699310
Paperback80 pages

About This Book

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
  • Learn the basics of how to use the LocalStorage standard, and view the results in your browser
  • Learn how to detect when you can use LocalStorage, or when to fall back to using cookies, as well as how to convert an existing site to use LocalStorage
  • Using LocalStorage to store images, arrays, and objects for use in your site

Who This Book Is For

This book is great for those who maintain sites that use cookies in some form or another, and who want to learn how to take advantage of the LocalStorage standard to improve browser security and store more relevant information that can be retrieved at some point in the future, without recourse to the server.

Table of Contents

Chapter 1: Instant HTML5 Local Storage How-to
Basic use of Local Storage (Must know)
Viewing Local Storage content in a browser (Must know)
Basic demo for Session Storage (Must know)
Comparing Local Storage and Session Storage (Should know)
Using web storage instead of cookies (Must know)
Basic detection for storage support (Must know)
Improving detection using Modernizr (Should know)
Providing fallback support (Should know)
Is the user online or offline? (Become an expert)
Using a manifest for caching (Become an expert)
Providing support for the mobile platform (Should know)
Building a simple plugin using jQuery (Should know)
Adding objects, arrays, and TTL support to storage (Become an expert)
Storing images within Local Storage (Become an expert)
Adjusting the Local Storage space for browsers (Must know)
Building a stickies option for using in a browser (Become an expert)
Building a simple to-do list (Become an expert)
Using Local Storage in a form (Become an expert)
Using Local Storage in a CMS (Become an expert)
Using Local Storage to hide sign-up forms (Become an expert)

What You Will Learn

  • Basic usage of HTML5 Storage, including its limitations and security
  • Viewing localStorage content in my browser
  • Building a basic demo using session and local storage
  • Adding detection to a site to determine when you can use LocalStorage
  • Implementing application caching, with checks to determine online status
  • Using web storage instead of cookies
  • Building a simple plugin using jQuery
  • Adding objects, arrays, images, and TTL support to storage
  • Adjusting local storage space for browsers

In Detail

The use of cookies to store information in a browser has been around for over a decade; its simplicity has led to its use in a variety of applications, such as online shopping baskets, but which has also lead to some inherent drawbacks in terms of security and use. HTML5 LocalStorage brings much needed additional functionality to your browser, allowing you to store more useful information that you can later reference in your websites.

"Instant HTML5 Local Storage How-to" is a practical, hands-on guide that provides you with a number of clear step-by-step exercises, which will help you take advantage of the power of the LocalStorage standard, and give you a good grounding in incorporating it into current or future website projects.

This book looks at how you can incorporate the HTML5 LocalStorage standard into your websites, using the power of modern browsers to store useful information that can be referenced at any time without recourse to the server.

You will also learn how to test for browser capability, and when the browser platform being used requires that you fall back to using cookies. We will also take a look at how you can store more relevant content, such as images or content from arrays, even though the normal standard requires content to be stored in string format. You will also learn how you can make content available offline using application caching, as well as how to incorporate LocalStorage into a plugin using jQuery that you can then incorporate into your sites in the future.

We will also look at some real-life examples, where "Instant HTML5 Local Storage How-to" will take you through how you could incorporate LocalStorage into your sites; we’ll take a look at code you can simply add to a site, or use as a development platform for your own future projects.


Read More

Recommended for You