jQuery Tools UI Library

jQuery Tools UI Library
eBook: $11.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $31.98    Print cover: $19.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • 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, Web Development, jQuery, Open Source

Table of Contents

Chapter 1: Getting Started
Chapter 2: Getting along with your UI Tools
Chapter 3: Form Tools
Chapter 4: jQuery Tools Toolbox
  • 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

          Alex Libby

          Alex Libby is from an IT support background. He has been involved in supporting end users for the last 15 years in a variety of different environments, and currently works as a Technical Analyst, supporting a medium-sized SharePoint estate for an international parts distributor, based in the UK. Although Alex gets to play with different technologies in his day job, his first true love has always been with the Open Source movement, and in particular experimenting with CSS/CSS3 and HTML5. To date, Alex has written five books based on jQuery, HTML5 Video, and CSS for Packt Publishing, and has reviewed several more (including one on Learning jQuery). jQuery UI 1.10: The User Interface Library for jQuery is Alex's sixth book with Packt Publishing.

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

          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.

          Sample chapters

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

          Frequently bought together

          jQuery Tools UI Library +    Learning PHP Data Objects =
          50% Off
          the second eBook
          Price for both: £12.25

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

          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

          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.


          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.

          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