22
Apr
// php the_time('Y') ?>
tabSwitch is a jQuery plugin for creating tabs & sliders very easily.
It is possible to choose from 7 different effects (fade, show, toggle..) with 2 view styles. Any type of HTML can be used & tabs can be switched as previous-next or directly into a specified one.

The look of the viewport can be customized via CSS & every single tab can have its own class.
To see the simplicity of usage, here is how it is called & customized:
$('.SlideTab').tabSwitch('create', {type: 'toggle', height: 300, width: 440});
And, tabSwitch can auto-display each tab/slide. More examples for the plugin can be found here.
Requirements: jQuery
Compatibility: All Major Browsers
19
Jan
// php the_time('Y') ?>
Marcofolio.net is presenting a nice tutorial (with source files) for creating the famous iPhone unlock interface with XHTML-CSS & the slide effect via jQuery.
Although there are missing features from the standard effect like "the slider not going back", it is still inspiring & can be used to create a form control (like captcha) or present a content in an iPhone like interface.
(See also: iPhone Application And Website Development: All Tools And Tutorials You Need)

For the slider, jQuery UI’s slider component is used.
For a demo of this interface, click here.
Requirements: jQuery,jQuery UI & slider component
Compatibility: All Major Browsers