Dragon.js - dragging elements in the browser
Channel: innovati
Date: 2016-02-09

Using the dragon.js bookmarklet for in-browser design to drag elements on the screen. Also works on touchscreens, tested on iOS and Android.

To use Dragon on any site, create a new bookmark in your browser, and replace the URL of the bookrmark with the word 'javascript:' followed by a color and then the contents of this file: http://staticresource.com/dragon.js

Then, just click or tap on any element to drag it around!

Tip: If you're on a desktop browser (with a keyboard) and moving elements like links that click, you can also hammer the 'Esc' so it doesn't navigate away from the page as soon you let go. Help when rearranging menus, etc.