Sweet AJAX Tabs With jQuery 1.4 & CSS3

Sweet AJAX Tabs With jQuery 1.4 & CSS3

Organizing the content of a page in a both intuitive and eye-catching manner, is a must in modern web design. One principle that has been around for some time is dividing text into tabs. This allows you to squeeze much more content in a seemingly limited space and provide a structured way of accessing it.We are making an AJAX-powered tab page with CSS3 and the newly released version 1.4 of jQuery.

Fancy jQuery Sliding Form with Demo

Fancy Sliding Form with jQuery

We are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images.

Tabify jQuery Plugin with Demo

tabify jQuery Plugin

This jQuery plugin lets you easily create tabbed content. All you need is an ul-element with some li-elements and a couple of related content-divs. The major difference between Tabify and it’s competitors is it’s size.

idTabs jQuery Plugin with Demo

idtabs jQuery Plugin

idTabs is a plugin for jQuery that makes adding tabs into a website super simple. But it can also open the door to endless possiblities.

jQuery Portfolio Zoom Slider with Demo

Portfolio Zoom Slider with jQuery

In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin.

The idea is to give the user the option to view details of a portfolio item by zooming it on hover, and to allow a full view by clicking. Moreover, we want to have a couple of images for each item, hence we will create a slider.

Flip! jQuery plugin with Demo

flip jQuery Plugin

Flip is a jQuery plugin that will flip easily your elements in four directions.

Supersized 3.0 jQuery Plugin with Demo

Supersized 3.0 jQuery Plugin

Supersized 3.0 – Full Screen Background & Slideshow jQuery Plugin.Resize images to fill the entire browser window while maintaining proportional dimensions.Fullscreen slideshow complete with transitions, navigation, captions, and preloading.Integrate with existing sites or create your own portfolio gallery.

Website Tour with jQuery

Website Tour with jQuery

Today we want to share a little script with you that allows to create a tour on a website with jQuery. This can be very useful if you want to explain your users the functioning of your web application…

jQuery Page Curl with Demo

jQuery Page Curl

This jQuery plugin allows you to add an interactive page curl to your website.

Contactable – A jQuery Plugin with Demo

Contactable – A jQuery Plugin

Contactable is a jQuery plugin designed to make contact/feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort