Introduction to jQuery tools
Essential tools for modern websites
Let's face it: do you really need drag-and-drop, resizable windows or sortable lists in your web applications?
Websites are not desktop applications. They are different. What you really need is high usability, striking visual effects and all those "web 2.0" goodies that you have seen on your favourite websites.
This library is an answer to this need. All tools can be used together, extended, configured and styled. You'll find your personal way of using the library.
Small size. High performance. Free CDN.
The UI part of this library weighs 4.45 Kb. This is possible with good programming habits and compressed files
You can pick your own selection of tools from the download page or you can load the most common combinations directly from a free Content Delivery Network (CDN).
The CDN is configured with the proper expire headers and compression settings so that the file loads fast. This CDN can be used in production environments without any charge.
A large demo area lets you copy & paste working code directly into your pages.
For serious programmers
Each tool does only what it is supposed to do and nothing else. Tools and not policy.
Understandable API design. Clean design patterns. Compact and human readable source code on Github. That's it.
Learn one tool and you also have learned the other tools.
Understanding jQuery Tools
jQuery Tools is a collection of the most important user interface components for the web. These are tabs, accordions, tooltips, overlays, exposing effects and scrollables. They can dramatically improve the usability and responsiveness of your site. They mainly focus on presenting information and visual appeal. After all, this is exactly what most websites desperately want: to present their content to the reader in an easy and visually pleasing manner.
This library is not a framework with a steep learning curve, lots of preliminary work and strict coding rules. You are not tied to any predefined HTML or CSS structures. You can include the library on your pages and start using it immediately. You can freely design the look and feel of your site or you can use any of the designs we present in our demos as a template.
The old UNIX design philosophy "tools, not policy" is very important in web design.
jQuery Tools have been proven to work with the following browsers:
If you encounter any problem with jQuery Tools and any of these browsers, please report it to the jQuery Tools forum.
jQuery Tools and Flowplayer
You must have noticed that this project is hosted on the Flowplayer website. This is because some of the tools were initially developed for making widgets that work well with video sites. Scrollable was made for building playlists and Overlay was made for showing videos over other elements on the page. Little by little those widgets matured to the point where they are now.
Today Flowplayer and jQuery Tools have nothing specific to do with each other. Flowplayer is a video player and jQuery Tools is a generic user-interface library for the web. Of course, they can be used together because both are well behaving pieces of software. Here is a quick example of how videos can be overlayed on a page:
Flowplayer is Open Source software licensed with the GPL 3 open source license. There are also commercial licenses that allow us to focus full time on the development of tools and the player itself. They also allow us to provide the free content delivery network for the users of jQuery Tools. There is currently no possibility of expressing your satisfaction through making a donation; however, if you are interested in showing videos on your site you could consider purchasing a Flowplayer commercial license.