Best jQuery Drag & Drop Plugins & Tutorials with Demo

$().transformable() Rotate Skew and Scale your div

jQuery Rotate Skew and jQuery Scale your div

If you use Draggable and Resizable, extend this with Transformable. You will find four new handles to Rotate, Skew horizontal, Skew vertical and Scale. This will not just change the appearance of your div, but of all its contents as well, including text, pictures and other divs.

Drag-and-Drop with jQuery: Your Essential Guide

Drag-and-Drop with jQuery: Your Essential Guide

Learn how to use jQuery, and the jQuery UI Draggable and Droppable plugins, to create drag-and-drop interfaces in your web pages. Includes a full drag-and-drop card game example.

Drag and Drop Template Management System with Jquery

I have been developing Template (User Interface) management system with drag and drop panel support for my future project. In this post I want to explain how to design database tables and implementing grids drag and drop usability with jqueryUI plugin. Using this system your web project will prove a choice to the end-user, they can manage their own template interface. Take a look at live demo

jQuery File Upload Plugin With Drag ‘n’ Drop Support

jQuery File Upload is a plugin for the popular JavaScript framework that helps handling file uploads.

The plugin is based on open standards like HTML5-JavaScript and doesn’t use Flash. For legacy browsers it falls back to an Ajaxed-like iframe-PHP solution.

QapTcha : jQuery captcha system with jQuery & jQuery UI

QapTcha is a draggable jQuery captcha system with jQuery UI !

QapTcha is an easy-to-use, simple and intuitive captcha system.

FullCalendar with jQuery

FullCalendar with jQuery

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one left. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar).

Creating a polaroid photo viewer with CSS3 and jQuery

Creating a polaroid photo viewer with CSS3 and jQuery

By combining the CSS3 Box Shadowand Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random).