Touch box is a jQuery plugin that brings resize, drag & rotate features to touch devices & browsers for DOM elements.
(CSS is not required - Only for the demo)
Touch box enabled the user to resize, drag or rotate elements of your choice on the site. This could be images, windows or design elements.
When an element has the class "touch-box" on it you can use data attributes to tell touch box what to do. Here is an example of how to use Touch box and enable resize & drag.
<div class="touch-box" data-resize="true" data-drag="true" data-rotate="true"></div>
As default these options are turned off when using DOM element initialization. Where when you use the code initialization those options are turned on.
The plugin it self is made so that it keeps the current element in focus over other Touch Box elements. Let's say you make a gallery of this. Then each time you start dragging, resizing or rotating an image it will come on top of all other TouchBox elements.
One thing to keep in mind is that the element you will be using Touch Box on require a position:absolute and a set left/top. Next version will set this it self.