A jQuery plugin to make background images draggable.
Best jQuery Drag & Drop Plugins & Tutorials with Demo
Elastic Stack: JavaScript Elastic Dragging Interaction
ElastiStack is a little script that let’s you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.
HTML5 Drag And Drop To Create A Shopping Cart
The release of HTML5 introduced native Drag and Drop functionality to modern web-browsers. This means it is now possible to have movable elements on screen without the aid of frameworks like jQuery. This week we’ll be taking advantage of the drag and drop functionality to create a basic shopping cart. The basic functionality we’ll cover, will be adding an item to the cart and if it already exists updating the quantity and totals.
Puzzllerry : Interactive jQuery gallery plugin
Puzzllerry is plugin that allows you to create interactive gallery/portfolio/menu or any element with listed items. It has extremly simple markup and requires only 1 line of js code to turn it on.It will make your website more attractive, it will gain some focus of your visitor as user may ‘play’ with it.
And of course its responsive.
jQuery T-Shirt Designer
Tshirt Designer is the tool you have been looking for! You can create now your own tshirt generator directly on your website. Works with any kind of product and can be integrated in minutes.
Features:
- Add unlimited shapes, images and texts
- Let the user add custom texts to the product
- Colorizable Text using colorpicker
- Change the Color, Size and font of the Text
- Let the user drag, move or remove Elements
- Google font API Loader
- Add unlimited custom fonts from google Font or other services
- Users can upload their own design image or logo to print on t-shirt
- Shows Preview of the T-shirt as designed
- users can Choose there favorite Tshirt Color from collection
- Export Tshirt design as PNG, BMP or JPG
- Prind Tshirt Design
jQuery.touchdragh : Makes elements Draggable horizontally by Touch
This makes elements draggable horizontally by touch.
- touchdragh: demo
- touchdragh with transition: demo
- touchdragh forever option: demo
- touchdraghfitty: demo
- touchdraghfitty with transition: demo
- touchdraghsteppy: demo
- touchdraghsteppy with transition: demo
- touchdraghsteppy refresh method: demo
- touchdraghsteppy forever option: demo
- touchdraghsteppy normalize_height option: demo
- touchdraghsteppy unsteppify: demo
- touchdraghsteppy unsteppify manually slide: demo
- dragger option: demo
with Media Queries using $.ViewportWatcher
Formbuilder.js : Graphical Interface to build Webforms
Formbuilder is a graphical interface for letting users build their own webforms. Think Wufoo or Google Forms, but a lightweight component that can be integrated into your application.
As of right now, Formbuilder only handles the client-side logic of creating a form. It will output a structured JSON representation of your form, but saving the form, rendering it on the server, and storing users’ responses is all up to you. I’m planning on releasing a Rails gem to handle this logic, but the ETA on that is pretty up in the air. If you’d like to help, feel free to reach out.
udraggable.js : jQuery plugin to make elements draggable by mouse or touch
This plugin provides an API similar to jQueryUI’s draggable but with support for unified mouse and touch events. It aims to provide a minimum useful subset rather than attempting to clone the full range of behaviours supported by jQueryUI. However some of the limitations can be worked around quite simply.
The udraggable plugin allows you to make elements draggable with a single line of code and to use a declarative syntax to define the constraints of the dragging behaviour.
