Instant jQuery Drag-and-Drop Grids How-to [Instant]

This title is available as an eBook only
Instant jQuery Drag-and-Drop Grids How-to [Instant]
eBook: $12.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print & eBook also available on:
Learn in an Instant - Short, Fast, Focused
Table of Contents
Sample Chapters
  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
  • Configure your website for drag-and-drop layouts
  • Create simple layouts with Gridster in a matter of minutes
  • Learn how to use Gridster’s API methods

Book Details

Language : English
eBook : 48 pages
Release Date : March 2013
ISBN : 1782165002
ISBN 13 : 9781782165002
Author(s) : Marcos Placona
Topics and Technologies : All Books, Instant, Web Development, jQuery, Open Source

Table of Contents

Instant jQuery Drag-and-Drop Grids How-to
  • Instant jQuery Drag-and-Drop Grids How-to
    • Preparing your website to use Gridster (Simple)
    • Your first Gridster layout (Intermediate)
    • Understanding initialization options (Intermediate)
    • Using Gridster callbacks (Advanced)
    • Using Gridster methods (Advanced)
    • Building a draggable layout using Gridster (Intermediate)

Marcos Placona

Marcos Placona grew up in Sao Paulo, Brazil, and started tinkering with web development when 14.400 kbs modems were the coolest thing. He then started a Computer Science degree, but a better opportunity arose on the other side of the Atlantic. In his 20s, he decided to move to England where he worked as a ColdFusion developer and started blogging at .

After acquiring a taste for mobile application development, he has now published over 20 applications for all the major mobile markets, and hopes he will someday see a kid on the train playing one of his games.

He is now working as a technical lead for HolstelBookers, he tries to stay on top of its ColdFusion and .Net teams, as well as designing solutions and working with the stakeholders to turn dreams into reality.

Code Downloads

Download the code and support files for this book.

Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


- 2 submitted: last submission 15 Jul 2013

Errata type: Code | Page number: 15


$( document ).ready( function(){ // DOM Ready

Can be replaced with:

jQuery( function( $ ){



Errata type: Typo | Page number: 25


These methods enable developers to be create or modify grid layouts at runtime.

Should be:

These methods enable developers to create or modify grid layouts at runtime.



Sorry, there are currently no downloads available for this title.

Frequently bought together

Instant jQuery Drag-and-Drop Grids How-to [Instant] +    Moodle 1.9 Top Extensions Cookbook =
50% Off
the second eBook
Price for both: $29.45

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • When, where and how to use Gridster and how to customize it to your own uses
  • Installing and preparing your website for Gridster
  • Creating a simple Gridster layout in less than 5 minutes
  • Initializing Gridster with customized options
  • Tracking behavior with callbacks
  • Building a fully-fledged metro-style draggable layout

In Detail

Gridster is a drag-and-drop jQuery plugin that allows users to build interactive layouts from elements spanning multiple columns. Its API permits users to easily implement draggable elements on their layouts for highly customizable pages. It also lets you have complete control of each of the elements, as well as callbacks for behavior tracking.

"Instant jQuery drag-and-drop Grids How-to" is a practical hands-on guide to implementing amazing drag-and-drop layouts with clear step-by-step exercises. Needing only basic knowledge of jQuery, HTML, and CSS; by the end of the book, you will be able to develop a fully functional metro-style layout and have a good grounding when using it on your web pages.

Instant jQuery Drag-and-Drop Grids How-to will take you from configuring Gridster on your existing webpages, to the creation of professional looking drag-and-drop layouts, quickly.
Guiding you through development, and taking advantage of more advanced techniques such as behavioral tracking and how to dynamically modify your layouts according to user preferences. If you want to develop great-looking websites that don’t require hundreds of lines of code, then this book is for you.
You will be able to build a drag-and-drop layouts that look great and work on most modern browsers without the need to split your codebase.


Filled with practical, step-by-step instructions and clear explanations for the most important and useful tasks.A Packt How-to guide which contains a set of step-by-step instructions to help you build highly functional drag-and-drop layouts.

Who this book is for

"Instant jQuery Drag-and-Drop Grids How-to" has been written for any web developer looking to improve their layouts and add dynamic behaviour to their site.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software