jQuery Tools UI Library

Alex Libby

Jump to: Overview | Reviews | The Author | Sample Chapters

Click here to view more images

eBook: $11.99
Formats: PDF, PacktLib, ePub and Mobi formats

$10.19
save 15%!

Print book: $19.99

$17.99
save 10%!

Print + eBook bundle: $31.98
Includes free access to the book on PacktLib

$19.79
save 38%!

Free Shipping! UK, US, Europe and selected countries in Asia.

Also available on:

Overview

Table of Contents

The Author

Reviews

Downloads

Learn how to use jQuery Tools, with clear, practical projects that you can use today in your websites
Learn how to use useful tools such as Overlay, Scrollable, Tabs and Tooltips
Full of practical examples and illustrations, with code that you can use in your own projects, straight from the book

Accompanying PDF

Book Details

Language : English
Paperback : 112 pages [ 235mm x 191mm ]
Release Date : February 2012
ISBN : 1849517800
ISBN 13 : 9781849517805
Author(s) : Alex Libby
Topics and Technologies : All Books, jQuery, Open Source

Preface
Chapter 1: Getting Started
Chapter 2: Getting along with your UI Tools
Chapter 3: Form Tools
Chapter 4: jQuery Tools Toolbox
Index

Preface

Chapter 1: Getting Started

jQuery Tools basics and rules: a primer

The role of HTML
The role of JavaScript and jQuery
The role of CSS

Using tools for graphic design and presentation

Using tools for development
Downloading the library

But I want more… using the CDN links

Rolling your own tools – using the download builder

Using Firebug

Including and initializing the tools

Using global configurations

Best practices for events and API calls

Application Programming Interface (API)
jQuery Tools events

Before and after events
Supplying events

The event object
Creating jQuery Tools plugins
Using jQuery Tools plugins and effects

Effects

Performance of jQuery Tools

Reduce the number of HTTP requests
jQuery Tools are available through CDN
Adding an expires header
GZIP components
Minifying JavaScript

Summary

Chapter 2: Getting along with your UI Tools

UI tools – a template
What is an overlay?

Overlay for the perfect eye candy
Usage
Project: building a viewer for Google Maps

Creating the basic HTML structure
Adding in the overlay
Setting up and configuring the overlay JavaScript
Adding the styling and visual effects

Tooltips – the only web fundamentals you need

Usage
Impress everyone with slide effect and dynamic plugins
Project: building a book "buy now" using tooltip

Setting up the basic HTML
Adding in the tooltip CSS styles
Configuring the Tooltip

For everything else – there's Scrollable

Usage
Project: building a mini gallery

Setting up the basic HTML
Time for some JavaScript magic
Time for some styles

Tabs in action

Usage
Project: building a rolling slideshow

Setting up the basic HTML
Adding the visual effects
Configuring the Tab effects

Summary

Chapter 3: Form Tools

Using Validator

Why basic Validator?
Usage
Project: improving styling, and adding custom field validators

Creating the basic HTML structure
Adding in the form details
Styling the form
The final part – the script

"It seems very negative, this onFail…"
Validator – a final thought

Making your HTML5 date input look and behave the way you want with Dateinput

Usage
Project: styling and localization

Creating the basic HTML
Setting up the JavaScript
Adding the styling

A final thought

Controlling your HTML5 range input with RangeInput

Why basic RangeInput?
Usage
Project: building a product gallery

Setting up the basic HTML structure
Adding in the book images
Adding in the JavaScript functionality
Styling the gallery

Some final comments

Summary

Chapter 4: jQuery Tools Toolbox

Using FlashEmbed to include Flash movies

Usage

HTML setup
JavaScript setup

Demo: let's embed a Flash movie

Space for the video
Styling for the video
Script to make the video work

Some final comments

Going backwards with history

Usage

Showing off content with Expose

Usage
Demo: using Expose to display video content

Setting up the basic HTML structure
Adding the video content
Adding the styling
Getting the player to work

Take control of your mouse with mousewheel

Usage

Summary

Index

Alex Libby

Alex Libby holds a Masters degree in e-Commerce from Coventry University, and currently works as a Sharepoint Technical Analyst for a well-known parts distributor based in the UK. Alex has used jQuery Tools as part of his daily work for the last 18 months, and enjoys the challenge of working out simple solutions to common issues using jQuery and jQuery Tools, particularly using a progressive enhancement methodology. Prior to this, he has spent a number of years in IT Support, working in the banking, health and defence publishing industries. Alex has also been instrumental in releasing the current version of jQuery Tools as featured in “jQuery Tools UI Library”, and enjoys helping out many others in the forums, to figure out solutions to their issues when using the software.

Sorry, we don't have any reviews for this title yet.

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

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.

What you will learn from this book

Discover the power and versatility of the Tools, despite only requiring a few lines of code
Learn to use jQuery Tools’ Overlay UI Tools to produce exciting websites using Overlays, Tabs, Scrollables and Tooltips
Set up forms that can be validated correctly, either with standard validators, or with custom-built additional functionality
Combine several tools together to produce exciting, useful effects
Develop your own versions of each function, using the examples provided in the book, that you can customize to your own liking
Combine various tools with additional jQuery code and provide extra functionality to your website
Use the accompanying PDF to learn how to use jQuery Tools within content management systems, such as Wordpress

Special Offers

PacktLib gives you access to this and 600+ other titles with an annual or monthly subscription.

Annual subscription:

$220.00 per annum

Monthly subscription:

$21.99 per month

Buy 2 eBooks and Get 50% Off		+
Buy jQuery Tools UI Library with jQuery UI 1.8: The User Interface Library for jQuery and get 50% off both the eBooks.
Just add both the eBooks to your shopping cart and enter jqtui18 in the 'Enter Promotion Code' field. Click 'Add Promotion Code' and the discount will be applied.
View more jQuery book offers here \| View Best Selling eBook offers

In Detail

You’re designing a website, which is going to become a work of art, with snappy response times – do you want to slow it down with lots of extra, unwanted functionality? jQuery Tools can provide you with just the functionality you need, that appears on most websites around the world, and which you can customize to your heart’s content.

jQuery Tools UI Library will show you how to add useful functionality to your website, using the compact but powerful jQuery Tools library. You will get stuck into simple yet powerful projects that you can implement straightaway, and which will give you inspiration for developing your own versions in future projects.

You will go on a whirlwind tour through jQuery Tools, beginning with best practices that should be used, through to detailed projects on each tool in the Library, that you can copy from the book, or download from Packt’s website. The book will include tips and comments on how to alter elements, or ideas on what can be included to extend the functionality you want to include in your websites.

Begin with a short explanation of the origins of jQuery Tools, followed by some of the best practices that should be used, as well as some detail on how to use its API and event capabilities.

When you have finished reading “jQuery Tools UI Library”, you will have learnt all about the library, using clear, practical examples that you can take into your own projects and use, or develop into your own designs for future use.

Approach

A practical tutorial with powerful yet simple projects that are quick to implement.

Who this book is for

This book is aimed at developers who have prior jQuery knowledge, but may not have any prior experience with jQuery Tools. It is possible that they may have started with the basics of jQuery Tools, but want to learn more about how it can be used, as well as get ideas for future projects.