Home Page Icon
Home Page
Table of Contents for
Cover
Close
Cover
by Alex Lib
jQuery Tools UI Library
jQuery Tools UI Library
jQuery Tools UI Library
Credits
About the Author
About the Reviewers
www.PacktPub.com
Support files, eBooks, discount offers and more
Why Subscribe?
Free Access for Packt account holders
Preface
What this book covers
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
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
CSS-based design
Image-based design
CSS and image-based design
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
Within the configuration
Using jQuery's bind method
Supplying listeners from the API
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
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
We need some more styles though..!
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
Some extra styling
Tabs in action
Usage
Project: building a rolling slideshow
Setting up the basic HTML
Adding the visual effects
"Mmm…I want more!"
Configuring the Tab effects
Setting the button visibility
Summary
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
Custom Validators
"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
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
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Next
Next Chapter
jQuery Tools UI Library
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset