TryGhost/Ghost — pull request #4382 by PaulAdamDavis (2014-11-03 17:29:56+00:00)
Title: [WIP] Experimental Dashboard Markup

This is a speculative experimentation for the dashboard markup.

**Note:** You need to run `bower install` to get 2 dependencies

---

There's 2 files to look at here, one uses native HTML 5 drag & drop with a JS shim to make it more useful, and the other uses [Packery](http://packery.metafizzy.co/). What I want to get out pf this, is determine what's going to be better for us, moving forward.

Here's my pros & cons for each:

**Native**

* Much less code (easier to tie in with Ember + more extensible)
* Layout of entirely CSS
* Dragging & dropping is a little buggy now, probably due to the lib I'm using

**Packery**

* Loads and loads of code :(
* Appears to work more smoothly
* Seems more reliable when dragging & dropping boxes
* Much tougher to get an exact desired layout (i.e. used-defined)

I've not tested this on mobile yet, but if I were to take a guess, I would say Packery works better there, at least with drag & drop.

---

Feedback is more than welcome & strongly encouraged. This is the base of what will inevitably be one of the most interactive & data-heavy screens in Ghost - it needs to be solid from the start.