Submit your widget
372
Yays

jQuery AJAX Validation Contact Form with Modal + Slide-in Transition

  Views 77391   downloads 17191   Form

Due to popular demand, here is a tutorial on how I created one of the more complicated pieces of machinery on my new site: the contact form. A lot of different techniques went into this, and I have a…

338
Yays

Super Cool jQuery and CSS3 Nifty Dynamic Shadow

  Views 31990   downloads 5402   Layout & Interface

Step 1: Creating the transparent PNG’s First we need to prepare all PNG files we’re going to use. We’ll need following image elements: The on/off switch (needs two states) The light…

294
Yays

jQuery Desktop

  Views 32895   downloads 6152   Layout & Interface

CSS   The rest of the eye-candy is handled via CSS, which involved extensive use of z-index to get things positioned just so. It probably goes without saying, but this demo obviously will bomb in…

276
Yays

Multiple custom content scroller With jquery

  Views 75533   downloads 8871   Layout & Interface

Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll…

252
Yays

Animate a Contact Us Slide-Out Area using jQuery

  Views 48101   downloads 8711   Form

First we start of with the necessary file includes: [removed]<!--mce:0-->[removed][removed]<!--mce:1-->[removed][removed]<!--mce:2-->[removed] Let’s set the height of the contactArea…

222
Yays

Realistic Hover Effect With jQuery

  Views 27768   downloads 5674   Layout & Interface

This is a rising hover effect to a set of icon links. Using jQuery’s animate effect, we experimented with icons that have reflections and others with shadows. The HTML and CSS are both straightforward…

195
Yays

Beautiful image Filterable Portfolio with jQuery

  Views 32571   downloads 4761   Layout & Interface

  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…

192
Yays

Pure CSS Animated Progress Bar

  Views 19874   downloads 3224   Layout & Interface

Here's a simple demonstration of how you can create animated progress bar using pure css. The trick is very simple. We need 3 elements, one container and 2 nested elements. The Concept We'll put a cool…

182
Yays

Mimic the iGoogle Interface Drag widget(jQuery )

  Views 23565   downloads 4497   Layout & Interface

how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface which has a ton of potential applications! Step 1: XHTML markup…

177
Yays

Useful jQuery Pagination plugin

  Views 29061   downloads 6455   Slideshow & Scroller

When you have a a large list of items (e.g. search results or news articles), you can display them grouped in pages and present navigational elements to move from one page to another. This plugin creates…

172
Yays

cool Gritter for jQuery (Growl)

  Views 25305   downloads 3438   Layout & Interface

For those who don’t know what Growl is, it’s basically a notification bubble/popup that appears in the top right of your desktop – examples can be found here. Think of it as calling…

167
Yays

Pure CSS3 drop-shadows without images

  Views 24010   downloads 6343   Layout & Interface

Drop-shadows are easy enough to create using pseudo-elements. It’s a nice and robust way to progressively enhance a design. this example documenting and explaining the parts that make up this technique.…

166
Yays

Floating HTML Menu Using jQuery and CSS

  Views 38555   downloads 5546   Menu & Navigation

For all of us who deal with long web pages and need to scroll to the top for the menu, here’s a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and…

164
Yays

jQuery 2D Transformation Plugin

  Views 24159   downloads 3582   Layout & Interface

jQuery 1.4.2 is the minimum for this plugin to function correctly. This plug-in allows you to apply 2D transformations in all CSS3 capable browsers as well as Internet Explorer. This plug-in works in…

164
Yays

Flash Movies as Backgrounds

  Views 15797   downloads 3073   Layout & Interface

Ever wondered how to set a flash movie as your website background? Well here’s a simple approach that can be used. The following example will guide you through the process of “layering”…