title: HTML5 Drag and Drop
body: <p>I've been having trouble coming up with a way of making a drag and drop area on a web page. I have multiple resizable <code>&lt;div&gt;</code>s, and I want to be able to drag these anywhere. Think of it like dragging desktop icons around the desktop and placing them anywhere. It would be nice if I could add buttons to these <code>&lt;div&gt;</code>s to change their z-indexes and have them overlap. Would this require use of <code>&lt;canvas&gt;</code>? I am currently using <code>&lt;section&gt;</code> for the drag area.</p>
  
  <p>Thanks!</p>