Instant jQuery Drag-and-Drop Grids How-to

A practical, hands-on guide to building drag-and-drop layouts using Gridster, jQuery, and CSS

Instant jQuery Drag-and-Drop Grids How-to

This ebook is included in a Mapt subscription
Marcos Placona

A practical, hands-on guide to building drag-and-drop layouts using Gridster, jQuery, and CSS
$0.00
$9.10
$29.99p/m after trial
RRP $12.99
Subscription
eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781782165002
Paperback48 pages

Book Description

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.

Table of Contents

Chapter 1: 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)

What You Will Learn

  • 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

Authors

Table of Contents

Chapter 1: 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)

Book Details

ISBN 139781782165002
Paperback48 pages
Read More

Read More Reviews