Plugin jQuery per il drag and drop per il vostro sito web

Plugin,Wordpress
Nessun commento

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.