Instant jQuery Drag-and-Drop Grids How-to

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

Overview

• 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

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.

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

Approach

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 written 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.

一本實用的、實戰指南，教你如何使用Gridster、jQuery和CSS來建立拖放佈局。

概述：
- 在短時間內學習新知識！這是一本短小、快速、專注的指南，能夠立即產生效果。
- 配置你的網站以實現拖放佈局。
- 在幾分鐘內使用Gridster創建簡單的佈局。
- 學習如何使用Gridster的API方法。

詳細內容：
Gridster是一個拖放的jQuery插件，允許用戶從跨越多列的元素中建立交互式佈局。它的API允許用戶輕鬆實現可拖動元素，以便在頁面上進行高度自定義的設置。它還讓你對每個元素完全控制，並提供行為跟踪的回調函數。

《Instant jQuery drag-and-drop Grids How-to》是一本實用的、實戰指南，通過清晰的逐步練習，教你如何實現令人驚嘆的拖放佈局。只需要基本的jQuery、HTML和CSS知識，你將能夠開發出完全功能的Metro風格佈局，並在網頁上使用時具有良好的基礎。

《Instant jQuery Drag-and-Drop Grids How-to》將引導你完成開發過程，並利用更高級的技術，如行為跟踪和根據用戶偏好動態修改佈局。如果你想開發外觀出色、不需要大量代碼的網站，那麼這本書就是為你而寫的。

你將能夠建立出外觀出色且在大多數現代瀏覽器上運行的拖放佈局，而無需拆分你的代碼庫。

本書將教你：
- 何時、何地以及如何使用Gridster，以及如何根據自己的需求進行自定義。
- 安裝和準備你的網站以使用Gridster。
- 在不到5分鐘內創建一個簡單的Gridster佈局。
- 使用自定義選項初始化Gridster。
- 通過回調函數跟踪行為。
- 構建一個完整的Metro風格可拖動佈局。

這本書的特點是：
- 充滿實用的、逐步的指令和清晰的解釋，針對最重要和最有用的任務。
- 這是一本Packt的指南，其中包含一系列逐步指令，幫助你建立高度功能的拖放佈局。

這本書適合任何希望改進佈局並為網站添加動態行為的網絡開發人員閱讀。