You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

 
Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way.

Demos

Minimal setup for tabs

Naming the tabs

4 different skins with CSS

Loading tab contents with AJAX

Handling browsers back button

AJAX:ed tabs with History support

Using mouseover to switch tabs

Making Wizards with the Tabs

Making Accordions with the Tabs

Customizing the Accordion effect

Horizontal Accordion using the Tabs

Multiple Tabs and Accordion instances

Slideshow plugin for the Tabs

Tooltip helps you to build easier user interfaces. Big or small. Pluggable effects. Yet another crucial tool.

Demos

Basics of using the tooltip

Using any HTML inside the tooltip

Imitating browsers default tooltip

Using tooltips in form fields

Using tooltips in tables or lists

Custom tooltip effect

Dynamic positioning of the tooltip

Overlay is a significant part of the JavaScript/Web 2.0 landscape. This tool handles them all: commercial overlays, image galleries and modal dialogs.

Demos

Minimal setup for overlay

The Apple effect for overlay

Creating modal dialogs with overlay

Opening overlays programmatically

Overlays with different styles

Loading external pages into overlay

Multiple overlays on a same page

Creating a customized Overlay effect

Using the gallery plugin

Make your HTML elements stand out by fading out the surrounding elements with the expose tool.

Demos

Minimal setup for expose

Styling the mask with a background image

Exposing a form

Exposing videos with a custom mask

Working with multiple exposes

Scrollable is the most successful tool in this library. In fact this page is powered with Scrollable.

Demos

Minimal setup for scrollable

A vertical scrollable

A simple scrollable image gallery

Another gallery with many scrollables

A scrollable registration wizard

Scrollable plugins in action

Large one sized Scrollable

jQuery Tools demo area setup

A complete scrollable navigational system

Add and remove items from scrollable

Customizing the scrolling animation

The role of JavaScript is rising with tremendous speed. However, Flash still has its place and you need a proper tool for embedding.

Demos

Basics of Flash embedding

Flashembed and jQuery

Loading Flash on mouse click

Placing HTML on top of a Flash object

Handling old Flash versions

Flashembed and Flowplayer

jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.72 Kb

Demos

How this page is done?

A scrollable gallery with tooltips

An artist's portfolio

Speeding up the portfolio


1. Tabs

Minimal setup for tabs Naming the tabs 4 different skins with CSS Loading tab contents with AJAX Handling browsers back button AJAX:ed tabs with History support Using mouseover to switch tabs Making Wizards with the Tabs Making Accordions with the Tabs Customizing the Accordion effect Horizontal Accordion using the Tabs Multiple Tabs and Accordion instances Slideshow plugin for the Tabs

2. Tooltips

Basics of using the tooltip Using any HTML inside the tooltip Imitating browsers default tooltip Using tooltips in form fields Using tooltips in tables or lists Custom tooltip effect Dynamic positioning of the tooltip

3. Overlay

Minimal setup for overlay The Apple effect for overlay Creating modal dialogs with overlay Opening overlays programmatically Overlays with different styles Loading external pages into overlay Multiple overlays on a same page Creating a customized Overlay effect Using the gallery plugin

4. Expose

Minimal setup for expose Styling the mask with a background image Exposing a form Exposing videos with a custom mask Working with multiple exposes

5. Scrollable

Minimal setup for scrollable A vertical scrollable A simple scrollable image gallery Another gallery with many scrollables A scrollable registration wizard Scrollable plugins in action Large one sized Scrollable jQuery Tools demo area setup A complete scrollable navigational system Add and remove items from scrollable Customizing the scrolling animation

6. Flashembed

Basics of Flash embedding Flashembed and jQuery Loading Flash on mouse click Placing HTML on top of a Flash object Handling old Flash versions Flashembed and Flowplayer

7. Combinations

A scrollable gallery with tooltips An artist's portfolio Speeding up the portfolio

7. jQuery Tools and Flowplayer

Overlaying videos Custom Fullscreen action with overlay Email and embed features in an overlay Tabbed email and embed features Multiple players in a tabbed pane