
Grazie alle librerie jQuery è possibile creare in modo agile ed elegante interfacce utenti sofisticate e allo stesso tempo facili da utilizzare. Le modalità d’uso più comuni scelte dalla maggior parte degli utenti rappresentano uno degli aspetti più importanti da tenere in considerazione quando si realizzano interfacce utenti. Una di queste è ad esempio la modalità drag and drop, implementazione di base di qualsiasi sistema orerativo attualmente in uso. Grazie a jQuery è possibile trasportare la modalità drag’n’drop nel front-end del vostro sito web.
Ecco allora che in questo articolo vogliamo proporvi alcuni ottimi plugin jQuery per il drag and drop che potete facilmente implementare all’interno dei vostri progetti web. Fateci sapere cosa ne pensate?
iNettuts: How to Mimic the iGoogle Interface – MORE INFO | DEMO
Ajax Upload – MORE INFO
Drag and Drop Sortable Lists – MORE INFO | DEMO
Drop n’ Save – Drag & Drop Uploader – MORE INFO |DEMO
Fancy Product Designer – jQuery plugin – MORE INFO | DEMO
jqDnR – MORE INFO
jDashboard – MORE INFO | DEMO
jQuery Drag Expose | Draggable Image Gallery – MORE INFO |DEMO
Ultra small code to drag everything in HTML pages – MORE INFO | DEMO
Sortable Lists – MORE INFO |DEMO
jQuery OneByOne Slider Plugin – MORE INFO |DEMO
Table Drag and Drop JQuery plugin – MORE INFO
Dynamic Drag’n Drop With jQuery And PHP – MORE INFO |DEMO
Easy Scroll – MORE INFO |DEMO
Draggable – MORE INFO
Drag-and-Drop with jQuery: Your Essential Guide – MORE INFO
Zoomer jQuery Products Showcase – MORE INFO |DEMO
animaDrag – MORE INFO
$.event.special.drag – MORE INFO
(mb)ConteinersPlus – MORE INFO | DEMO
resizable – MORE INFO
ppDrag – MORE INFO
NestedSortable – MORE INFO
jQuery File Tree Aza’s revised version – MORE INFO
Dragscrollable – MORE INFO | DEMO
Collidable Draggables – MORE INFO
Adds collision detection to draggable objects. Add “collide: ‘block’” or “collide: ‘flag’” when you create a draggable: $(".box").draggable(collide: 'flag');
or $(".box").draggable(collide: 'block');
In ‘flag’ mode overlapping objects receive new classes – ‘ui-draggable-overlapping’ for the object being dragged and ‘ui-draggable-overlapped’ for the other object. In ‘block’ mode objects are blocked from overlapping other objects by being snapped to the edge of the object they collided with.
jQuery UI multiple draggable plugin – MORE INFO | DEMO
jQuery List DragSort – MORE INFO
Jquery iviewer – MORE INFO | DEMO
(mb)ImgNavigator – MORE INFO
$().mapbox – MORE INFO