localStorage Archives

Article May 22, 2019

The Browser Can Remember Edited Content

Author

9 Comments

You can make the text inside any HTML element editable by adding the contenteditable attribute.

<div contenteditable>
  Hey, I'm like a textarea kinda now!
</div>

I wouldn't say there are wheelbarrows full of use-cases for that, but it's neat. One possible use might be an in-progress design in which editing the content from the design itself is useful either for you, or for someone else (a client?) who needs to change the text.

So, great, contenteditable. Now someone can … Read article

contenteditable localStorage

Link April 1, 2019

KV Storage

Shared by
Chris Coyier

localStorage is...

Good! It's an incredibly easy API to use.

localStorage.setItem('name', 'Chris'); let name = localStorage.getItem('name');

Bad! Philip Walton explains why:

localStorage is a synchronous API that blocks the main thread, and any time you access it you potentially prevent your page from being interactive.

Chrome has an idea (here's the proposal) for reinventing it. … Read article

Our Notes / Read at developers.google.com

Link December 19, 2016

An Overview of Client-Side Storage

Shared by
Chris Coyier

Ire Aderinokun:

There are currently four active methods for storing data on the client side.

Cookies (old school, still useful because they are sent with server requests)
Local Storage (very easy to use)
Session Storage (exactly the same, only clears when the tab is closed)
IndexedDB (quite complex, quite powerful)

… Read article

Our Notes / Read at bitsofco.de

cookies data Indexeddb localStorage