script 4 website

Mask Transition Slideshow With jQuery

2011-03-15T16:25:00.000-07:00

The main concept is put an element infront of the fading square, then fade out the square to give the masking effect.

Demo | Download .Zip | Source

jQuery & CSS MobileApp Website Effect

2011-03-15T16:20:00.000-07:00

A complete jQuery & CSS website for a fictional mobile application. It is going to feature semantic markup and a progressively enhanced slideshow effect. It will allow the user to see four of the most popular smartphones running the mobile app.

Demo | Download .Zip | Source

Orbit:Countdown Image Slider Plugin

2011-03-15T16:16:00.000-07:00

jQuery plugin lets you create a simple, effective and beautiful slider for images of any size, and even includes some parameters for making awesome captions and a sweet timer.

Demo | Download .Zip | Source

Awesome jQuery Image Gallery Plugin(Thumbox)

2011-03-15T16:07:00.000-07:00

Browse the images via mini-gallery.Display images description.Effects for input and output images.Keyboard navigation.Navigation with the mouse wheel.

Demo | Download .Zip | Source

A Flickr-powered Slideshow

2011-03-15T16:01:00.000-07:00

A jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets. The plugin will be using Flickr’s APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events.

Demo | Download .Zip | Source

AJAX forms

2011-03-12T18:34:00.000-08:00

The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX.

Demo | Download | Source

timepickr

2011-03-12T18:28:00.000-08:00

jquery.timepickr was created in a attempt to make the process of inputing time in a form as easy and natural as possible.

Demo | Download | Source

Selecting Multiple Select Form Elements on the Fly

2011-03-12T18:25:00.000-08:00

The following jQuery tutorial offers a simplified solution to selecting related select menu options within a form.

Demo | Download | Source

Submit A Form Without Page Refresh using jQuery

2011-03-12T18:23:00.000-08:00

Submit a contact form that sends an email, without page refresh using jQuery, This tutorial will help you creating a form that can be submitted without page refreshing, using JQuery.

Demo | Download | Source

reCaptcha style Captcha with JQuery and PHP

2011-03-12T18:14:00.000-08:00

This tutorial is about to creating a captcha same as recaptcha. I used CSS and PHP for this. You can find few tutorials about creating and integrating captcha/recaptcha in php over 99points, but now you can create your own recaptcha style captcha with php and jquery. I have created a form with captcha few months before.

Demo | Download | Source

jQuery Content Slider Plugin- AnythingSlider

2011-02-20T15:24:00.000-08:00

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

Demo | Download | Source

jQuery Image Slideshow Plugin with Unique Transition Effects

2011-02-20T13:29:00.000-08:00

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+.

Demo | Download | Source

Make Your Standard HTML Tables Editable and Sortable – EditableGrid

2011-02-20T13:15:00.000-08:00

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.

Demo & Download & Source

Simple & Lightweight JavaScript Slideshow – TinyFader

2011-02-20T13:10:00.000-08:00

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.

Demo | Download .Zip | Source

Creating a “Filterable” Portfolio with jQuery

2011-02-19T13:59:00.000-08:00

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.

Demo | Download .Zip | Source

jQuery Keypad

2011-02-19T13:46:00.000-08:00

Demo | Download .Zip | Source

In-Field Labels jQuery Plugin

2011-02-19T13:39:00.000-08:00

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.

Demo | Download | Source

Build An Incredible Login Form With jQuery

2011-02-19T13:26:00.000-08:00

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.

Demo | Download .Zip | Source

WordPress contact form without a plugin, using jQuery

2011-02-19T13:22:00.000-08:00

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.

Demo | Download .Zip | Source

prettyCheckboxes

2011-02-19T13:15:00.000-08:00

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.

Demo | Download .Zip | Source

jQuery plugin: Password Valida

2011-02-19T13:10:00.000-08:00

Demo | Download .Zip | Source

Create an AJAX/jQuery/PHP Contact Form

2011-02-19T13:05:00.000-08:00

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.

Demo | Download | Source

prettyPhoto

2011-02-19T12:54:00.000-08:00

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.

Demo | Download & Source

FrogJS Javascript Gallery

2011-02-19T12:46:00.000-08:00

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.

Demo | Download .Zip | Source

DevKick Galleria

2011-02-19T12:39:00.000-08:00

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.

Demo & Download & Source