| UI TOOLS |
|
| |
| Tabs | |
| Minimal setup for Tabs | Naming the tabs |
| 4 different skins with CSS | 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 | Handling browsers back button |
| Loading tab contents with AJAX | AJAX:ed tabs with History support |
| Slideshow plugin for the Tabs | |
| |
| 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 | |
|
|
| 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 |
| |
| 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 |
| Navigation with browser's back button | jQuery Tools home page setup |
| A complete scrollable navigational system | Add and remove items from scrollable |
| Customizing the scrolling animation | |
| |
| |
| FORM TOOLS | |
| |
| Validator | |
| Minimal setup for Validator | Custom input types and attributes |
| Combined server and client-side validation | Displaying all errors inside a single DIV |
| Validator events in action | Localizing the Validator (finnish) |
| |
| Rangeinput | |
| Minimal setup for rangeinput | A couple of vertical ranges |
| Multiple small ranges | A custom scrollbar for a DIV |
| |
| Dateinput | |
| Minimal setup for Dateinput | A large skin for Dateinput |
| Customizing Dateinput behaviour | Prompting for start and end dates |
| Calendar that is always visible | Localizing the Dateinput (french) |
| |
| |
| TOOLBOX | |
| |
| Expose | |
| Minimal setup for expose | Styling the mask with a background image |
| Exposing a form | Exposing videos with a custom mask |
| |
| 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 |
| |
| Combinations | |
| HTML5 form inside an overlay | An artist's portfolio |
| Speeding up the portfolio | |
RSS