A webpage was created using XHTML Strict and CSS to house the implementation of a hand-coded jQuery shopping cart, without the use of plugins. The implementation of this jQuery cart features drag and drop functionality, updating the cart to reflect the items added to it and also updating the quanities without duplicating the item within the cart.
Best jQuery Drag & Drop Plugins & Tutorials with Demo
VS Builder – Pure HTML and CSS Page Builder
VS Builder – an intuitive and handy page builder. It is based on the Zurb Foundation grid and offers you a flexible way to build your personalized layout. With just one click you’ll get a generated CSS and HTML code similar to one that was written by a professional developer.
Features:
- Drag & Drop sliders
- Awesome preloader
- Parallax effect
- Video block
- Responsive layout
- Retina ready
- Smooth transition effects
FormBuilder : jQuery plugin for Building Forms
A jQuery plugin for building forms, loading form structure from xml, and saving back to the server.
Features:
- JSON all the way around. No serliazing/format conversion.
- More flexible field schema options for future expansion work
- Form editor and form rendering use templates, making it easier to customize them
- Better re-use of internal code, much cleaner code
- Returns a basic API you can use for custom work
- PHP/Mongo save/load example code is extremely lightweight, and easily replaced
- Much improved support for multiple instances on a single page
tinyDraggable : jQuery plugin for making objects Draggable
A minimalistic jQuery plugin for making objects draggable.Compatible with jQuery 1.5+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+. No dependencies except the jQuery library.
This plugin was developed by and for Pixabay.com – an international repository for free Public Domain images. We have implemented this piece of software in production and we share it – in the spirit of Pixabay – freely with others.
Azexo : jQuery drag and drop HTML builder with Bootstrap
jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on frontend. Generated HTML contain “data” attributes which store JS libraries settings and helpers to allow parse document structure by editor.
