Drag/Drop Behavior

Introduction: http://www.html5rocks.com/en/tutorials/dnd/basics/

Mozilla Introduction: https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer

Drag and drop a folder: http://updates.html5rocks.com/2012/07/Drag-and-drop-a-folder-onto-Chrome-now-available

Drop Effect: http://html5.komplett.cc/code/chap_global/dropEffect_en.html

Playground: http://playground.html5rocks.com/#drag_and_drop

My Study Bible ExtJs Drag/Drop practice.

---

Data URL

Data URL & Canvas: http://www.html5rocks.com/en/tutorials/canvas/integrating/#sketchy

---

File API

Introduction: http://www.html5rocks.com/en/tutorials/file/dndfiles/

File API Playground: http://playground.html5rocks.com/#reading_file_metadata

Browser Support: http://www.html5rocks.com/en/features/file_access

---

Blob:Binary Large OBject (Data-URL)

Introduction: https://developer.mozilla.org/en-US/docs/Web/API/Blob

Blob Builder: http://ie.microsoft.com/testdrive/HTML5/BlobBuilder/

Sample: Blob Sample

---

Drag-Out Behavior

Drag-Out Download: http://www.html5rocks.com/en/tutorials/casestudies/box_dnd_download/

---

Web Worker

Web Worker Introduction: http://www.html5rocks.com/en/tutorials/workers/basics/

Web Worker Demo: http://people.mozilla.org/~prouget/demos/worker_and_simulatedannealing/index.xhtml

Web Worker Practice: Slides/html5.html#web-workers

Web Worker Playground: http://playground.html5rocks.com/#inline_workers

---

Notification

Notification API: http://www.html5rocks.com/en/tutorials/notifications/quick/

Notification Playground: http://playground.html5rocks.com/#simple_notifications

---

Post Message

Spec: http://www.w3.org/TR/webmessaging/

Playground: http://playground.html5rocks.com/#postmessage

---

Geolocation

Introduction: http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/

Geolocation Dive into: http://localhost/blog/html5/rocks/dive/geolocation.html

Geolocation Playground: http://playground.html5rocks.com/#get_current_position

---

Web Storage/Web SQL Database/IndexedDB

Web Storage: LocalStorage

Spec: http://dev.w3.org/html5/webstorage/#the-localstorage-attribute

Playground: http://playground.html5rocks.com/#localstorage

---

Web Storage: SessionStorage

Spec: http://dev.w3.org/html5/webstorage/#the-sessionstorage-attribute

Playgroud: http://playground.html5rocks.com/#sessionstorage

---

Web SQL Database

Introduction: http://www.html5rocks.com/en/tutorials/webdatabase/todo/

Playground: http://playground.html5rocks.com/#a_simple_todo_list_using_web_sql_database

---

IndexedDB

Introduction: http://www.html5rocks.com/en/tutorials/indexeddb/todo/

Spec: http://www.w3.org/TR/IndexedDB/

Playground: http://playground.html5rocks.com/#a_simple_todo_list_using_indexeddb

Indexed DB: IndexDB TODO List

Compare http://www.html5rocks.com/en/tutorials/webdatabase/websql-indexeddb/