jQuery Content Slider Plugin- AnythingSlider

AnythingSlider  is a jQuery Plugin that can slide anything – slides are HTML content

* Navigation tabs are built and added dynamically – any number of slides.

* Pauses AutoPlay on hover

* Infinite sliding in the direction you are going, even at “last” slide

* Auto-playing option

* and more

Read more »

jQuery Image Slideshow Plugin with Unique Transition Effects

Coin Slider – a jQuery image slideshow plugin, lightweight (8kb), with optional auto-slide  feature, and completely free to use (MIT license).Coin Slider is fully customizable using CSS, with a lot of options for customizing transition effects: random, swirl, rain, straight – like squares per width and height, delay between squares in ms, opacity of title and navigation and so on.

Coin Slider is compatible with all major browsers, IE 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+.

Read more »

Make Your Standard HTML Tables Editable and Sortable – EditableGrid

EditableGrid - an Open Source Javascript library to turn your standard HTML tables into advanced editable and sortable components.EditableGrid is focuses on simplicity, with just a few lines of code you can get your standard HTML table up and running.

Read more »

Simple & Lightweight JavaScript Slideshow – TinyFader

TinyFader - a lightweight (1.4Kb) fading slideshow script that can be easily customized with CSS.The script is completely standalone, does not require any JavaScript frameworks, and uses a simple unordered list structure to support any HTML content. It gracefully degrades without JavaScript support.

Read more »

Creating a “Filterable” Portfolio with jQuery

If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.

Read more »

jQuery Keypad

Read more »

In-Field Labels jQuery Plugin

This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.

Read more »

Build An Incredible Login Form With jQuery

In this tutorial, we’ll create a sliding panel, that slides in to reveal more content, using JQuery to animate the height of the panel. In this case, we will be creating a hypothetical login for the new tutsplus area that’s coming soon.

Read more »

WordPress contact form without a plugin, using jQuery

There are lots of WordPress plugins for contact forms, but wouldn’t it be nice to have more control over the markup? In this tutorial, Trevor is going to show how to use a custom page template to create a contact form in WordPress without a plugin.

Read more »

prettyCheckboxes

This script is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability.

Read more »

jQuery plugin: Password Valida

Read more »

Create an AJAX/jQuery/PHP Contact Form

This tutorial uses XHTML, CSS, jQuery and a little PHP to make a pop-up/modal contact form that validates whatever is entered into the form and then uses AJAX to send the form without refreshing the page.

Read more »

prettyPhoto

prettyPhoto is a jQuery-based Lightbox clone. It supports not only images but video, Flash, YouTube and iFrames. It’s a full-blown media Lightbox.

Read more »

FrogJS Javascript Gallery

FrogJS is a simple unobtrusive JavaScript gallery. It’s not a replacement for other thumbnail galleries such as Lightbox JS, but is a different way of showcasing galleries. It is best for page-by-page galleries, such as photo stories.

Read more »

DevKick Galleria

Galleria is a JavaScript image gallery written in jQuery. It loads images one by one from an unordered list and displays thumbnails when each image is loaded. It can create thumbnails, scaled or unscaled, centered and cropped, inside a fixed thumbnail box defined by CSS.

Read more »

E2 Photo Gallery

(E)2 Photo Gallery is a open-source gallery built with MooTools JavaScript Library in a compact, modular and object-oriented framework. Tell the (E)2 Photo Gallery what folder your images are stored in, and it will automatically load them using PHP.

Read more »

jQuery Multimedia Portfolio

This plug-in for jQuery automatically detects the extension of each media file and applies the right player

Read more »

FreeTextBox - Rich-Text Editors

Web professionals using the .NET framework that want to add editing capabilities to their web pages and web applications should check out FreeTextBox: a robust, fully-featured, and extremely popular rich-text editor for ASP.NET. It has a built-in image gallery, a helpful JavaScript API for customization, and a full list of editing controls for constructing tables, ordered/unordered lists, and even spellchecking (using the IE spellchecking engine).

Read more »

YUI Library Rich Text Editor

The YUI Library Rich Text Editor is a UI control that’s part of the YUI Library. It’s a great solution for those already using YUI and individuals that want to save some server resources (since you can serve it directly from the Yahoo! servers). The YUI Library Rich Text Editor also has excellent mobile device support, making it a great web-accessible rich-text editing solution.

Read more »

WidgEditor

The widgEditor is an open source project of Cameron Adams released under the GNU General Public License. It’s a simple and no-fuss HTML rich-text editing solution that converts regular HTML textareas into a WYSIWYG. Because it’s JavaScript-based and designed to degrade gracefully, users with JavaScript turned off will still be able to use the HTML textarea.

Read more »

Nivo Slider – The Most Awesome jQuery Image Slider

Nivo Slider is a lightweight (5kb compressed) jQuery plugin for creating good-looking image sliders. It simply converts an element that wraps images into a slider and offers 9 unique transition effects.
The plugin can display prev-next buttons and a navigation to control the slides. The transition to be used can be a single one or you can set Nivo Slider to randomly apply them. Also, it is possible to define the number of slices, animation speed and pause period for maximum customization.

Read more »

Create jQuery Form with Progress bar and Input Limiter

Simple jQuery progress bar on form to show characters length with input limiter functionality. Demo available with downloads.

Read more »

Ajax Rating System: Create Simple Ajax Rating System using jQuery AJAX and PHP

Simply programmed, CSS based stylish Ajax rating system which you can use any where to put a stylish jquery effect based rating system.

Read more »

SliderNav: iPhone Style Contact Lists Using JQuery and CSS

SliderNav is a plugin that lets you add dynamic, sliding content using a vertical navigation bar (index). It’s made mainly for alphabetical listings but can be used with anything, though longer words look a little awkward.

Read more »

Lightbox_me

Have you ever had a DOM element that you wanted lightboxed, but didn’t want all the fanciness of all the lightbox-related plug-ins out there? Lightbox_me is for you.
Lightbox_me is an essential tool for the jQuery developer’s toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.

Read more »

How to Create Ajax Search Using PHP jQuery and MYSQL

This tutorial shows how to create simple and attractive Ajax based search using PHP, jQuery, MySQL and Ajax. Demo available.

Read more »

Shadow animation jQuery-plugin

With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.

Read more »

Dynamic Loading of ComboBox using jQuery and Ajax in PHP

Here is a simple script for you to create dynamic loading of drop downs from categories to get child categories.

Read more »

Live Username Availability Checking using Ajax and jQuery

How to create a simple but awesome jQuery based live availability username checking script. Here is a simple solution to check username or email availability using jQuery

Read more »

Overlay-like Effect with jQuery

Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of certain elements in order to make it look like as if we are covering the content with an overlay. This allows to focus certain elements in a web page while making others appear less prominent.

First, we need to define which elements we want to apply the effect to, meaning that we either want to animate the element’s opacity or color, or both. To the elements we want to fade, we will give the class “e-fade” and to the elements we want to change the color, we will give the class “e-color”. For any of these elements, no matter if we apply one or the other, or both classes, we will need to give the class “effect”.

Read more »

jQuery Plugin – Feature List

This jQuery plugin enables simple and easy creation of an interactive “Featured Items” widget:

Read more »

Color Fading Menu with jQuery

In this tutorial, author will show you how to create a color fading efect with the help of jQuery.

Read more »

Designing the Digg Header: How To & Download

In this tutorial, author will show you how to create a navigation menu just like the one used in Digg.

Read more »

Creating a Floating HTML Menu Using jQuery and CSS

Author will show us how to make floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it’s fully W3C-compliant.

Read more »

Superfish – “menu jQuery plugin”

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript)

Read more »

Create a multilevel Dropdown menu with CSS and improve it via jQuery

In this tutorial author will show you how to make a multilevel dropdown menu with a sleek touch

Read more »

Making Accordion Menu Using jQuery

In this tutorial, author will show us how to create fancy accordion menu using jQuery. In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toogled when mouse is moved over it.

Read more »

How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

In this tutorial, author will tell us how To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery.

Read more »

Create an apple style menu and improve it via jQuery

In this tutorial, Author will show you how to create the Apple-flavored Leopard-text-indent style in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.

Read more »

Animated Drop Down Menu with jQuery

In this tutorial, author will show you how to use jQuery for making Drop down menus are a really convient way to fit a large menu into a really small initial space.

Read more »

How to Make a Smooth Animated Menu with jQuery

The author builds a menu and animates it with some smooth effects.

Read more »

How to create Skype-like Form buttons using jQuery

If you use Skype then you have probably noticed that animated button for adding more people to a chat. When you click on it the icon on the left “jumps” for a few times. In this tutorial Janko Jovanovic is going to show you how to create the same button using jQuery and some simple CSS.

Read more »

AutoSuggest jQuery Plugin

AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy.

Read more »

jQuery Show Password Plugin

noupe.com

This plugin works by adding a text field that takes the value of what is typed into the password field. Then, when the link is clicked the password field is hidden and the text field is shown.

Read more »

Unique Twitter Updates Page

Twitter provides a simple little javascript snippet for placing your recent tweets on any webpage. This is a little static webpage that makes use of that snippet and puts a unique design around it.

Read more »

Step-by-Step Seminar Registration

As different "steps" of the registration process are completed, the current step gets check off as done and the next step lights up. Includes some very basic form validation.

Read more »

Simple jQuery Dropdowns

Very simple, minimally styled, jQuery powered dropdown menus. Cross browser friendly and maintains navigation "trail". Each "level" is clearly marked in the CSS.

Read more »

MagicLine Navigation

Slides a highlight (underline or background) to a new navigation item (and back) when they are hovered over. Optional color fading.

Read more »

Organic Tabs

Click the tabs to swap out content below, but the area fluidly adjusts in size to the new content, rather than jerk up or down.

Read more »

View Source Button

Using jQuery, Code Prettify, and CSS3 :target, we can make a button that pops up a nice looking view of the current pages source code.

Read more »