Best jQuery Drag & Drop Plugins & Tutorials with Demo

    Interactive Image Vamp up with jQuery, CSS3 and PHP

    June 2, 2011 | Animation, CSS2 / CSS3.0, Drag & Drop, Gallery, PHP
    Interactive Image Vamp up with jQuery, CSS3 and PHP

    Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. With PHP the image and the bling elements will get merged and the end result can be viewed.

    Read More Demo

    jQuery draggable captcha

    May 28, 2011 | Drag & Drop, Forms, Plugins
    jQuery draggable captcha

    Here is a jQuery example for a captcha in a registration form. In order to pass the “Are you human” test, the user has to drag the numbers from 1 to 6 into order.

    Read More Demo

    Drag Drop Shopping Cart Using JQuery

    May 10, 2011 | Animation, CSS2 / CSS3.0, Drag & Drop, Gallery, Web
    Drag Drop Shopping Cart Using JQuery

    There are a lot tutorial about creating drag and drop shopping cart, in this post I want to share my version still with JQuery, but the different is this example only shows the code on the client side, which mean all of data are hardcoded on the html, and counting price and total items will be handle by javascript.

    Read More Demo

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

    May 1, 2011 | Animation, CSS2 / CSS3.0, Drag & Drop
    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.

    Read More Demo

    Drag-and-Drop with jQuery: Your Essential Guide

    April 16, 2011 | Animation, Drag & Drop, Gallery
    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.

    Read More Demo

    Drag and Drop Template Management System with Jquery

    March 24, 2011 | CSS2 / CSS3.0, Drag & Drop

    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

    Read More Demo

    jQuery File Upload Plugin With Drag ‘n’ Drop Support

    March 18, 2011 | Ajax, Drag & Drop, Forms, HTML5, PHP, Plugins

    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.

    Read More Demo

    QapTcha : jQuery captcha system with jQuery & jQuery UI

    March 8, 2011 | Drag & Drop, PHP, Web

    QapTcha is a draggable jQuery captcha system with jQuery UI !

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

    Read More Demo

    FullCalendar with jQuery

    February 28, 2011 | Ajax, Calendar, Drag & Drop, Other API, Web
    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).

    Read More Demo

    Creating a polaroid photo viewer with CSS3 and jQuery

    February 17, 2011 | CSS2 / CSS3.0, Drag & Drop, Gallery
    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).

    Read More Demo