Build a jQuery content feature like MailChimp

Build a jQuery content feature like MailChimp

In this tutorial Ashley Ford on Papermashup will teach how to build an attractive full page content feature slider plugin (similar to the MailChimp slider) – by using the jQuery Cycle plugin which allows you to rotate, paginate or cycle a set of images.

Day and Night: Creating a Scenery Animation with jQuery and CSS

Day and Night: Creating a Scenery Animation with jQuery and CSS

In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolute positioned elements with images.

See the demo link below and check out the result. The animation takes around 30 seconds, so sit back and enjoy it!

JQuery Google Translate Plugin

JQuery Google Translate Plugi

The jQuery Google Translate Plugin lets websites and applications integrate the simplicity of jQuery plugins with the Google Translate API programatically.

Jcrop – The jQuery Image Cropping Plugin

Jcrop – The jQuery Image Cropping Plugin

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

TipTip jQuery Plugin

TipTip jQuery Plugin

TipTip is a lightweight, intelligent, sweet and simple custom tooltip and can be applied to any element.TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. As a result the tooltip will adjust itself to be displayed above, below, to the left or to the right of the element with TipTip applied to it, depending on what is necessary to stay within the browser window.

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare you some space on your website. The items will be semi-transparent which means that content under them will not be completely hidden.

Blend Effect navigation menu in jQuery

Blend Effect navigation menu in jQuery

A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds.A jQuery based animation / effects, progressive enhancement plugin for CSS backgrounds. This light-weight (only 1.4KB) plugin for jQuery adds a nice blend effect to your website.

Create an Attractive Before and After Photo Effect with jQuery

Create an Attractive Before and After Photo Effect with jQuery

In this easy to follow tutorial by Kevin Liew you will learn how to create a beautiful and smooth Before and After photo effect with help of jQuery and CSS – and how to convert it to plugins (tested on all major browsers).

Lightview : jQuery lightbox Overlay Anything With Style

Lightview Lightbox – Overlay Anything With Style

Lightview was built to change the way you overlay content on a website. Designed to complement your content, and features include: smart image preloading, customization without CSS, adjustable rounded corners and more.

PrettyPhoto – jQuery Lightbox

PrettyPhoto – jQuery Lightbox

PrettyPhoto is a jQuery based lightbox clone. It supports images and has also support for videos, flash, YouTube, iFrames. The setup is relatively easy and quick, plus the script is compatible in every major browser.