Collapsing Site Navigation with jQuery

We will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom. Clicking on one of the submenu items will make the whole menu collapse like a card deck and the respective content area will slide out.

jQuery Tiny Carousel with Demo

Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

How to Pull Your Google Buzz with jQuery

So you just got into Google Buzz few days ago and would like to embed your buzz stream into a website yourself. Here are a few jQuery lines to help you get started.

jQuery Mega Select List with Demo

The jQuery Mega Select List is a plugin that converts large select lists into a mega-menu style list of options. This plugin doesn’t affect your form, posting back the selected value as if the options were being selected in a normal select list. You can animate the mega-select-list using CSS as per this example, or you can have it constantly expanded instead. You can set up the mega-select-list to allow single or multiple selections and in multiple mode can optionally limit the number of selections.

Sweet Thumbnails Preview jQuery Gallery with Demo

In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider dots and make the regarding thumbnail slid…

Sexy Drop Down Menu with jQuery & CSS

The most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully.

Create a Slick Tabbed Content Area using CSS & jQuery with Demo

This tutorials teaches you how to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library.

Create A Organic Tabbed Interface Using jQuery with Demo

The plan is to build a tabbed area, something pretty simple to do from scratch with jQuery, and then make it behave better. Of course, we’ll keep it simple, and keep the markup clean and semantic. The guts of the functionality will be based on calculating heights and animating between those heights on the fly.

Cool jQuery animation effect gallery with Demo

We would like to show you how to create a modern gallery (with cool animation effect) using Raphael library and jQuery.   Create three files: index.html, default.css, init.js and download Raphael…