Submit your widget
377
Yays

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

  Views 78961   downloads 17480   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…

342
Yays

Super Cool jQuery and CSS3 Nifty Dynamic Shadow

  Views 33532   downloads 5632   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…

299
Yays

jQuery Desktop

  Views 33972   downloads 6390   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…

281
Yays

Multiple custom content scroller With jquery

  Views 77192   downloads 9226   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…

260
Yays

Animate a Contact Us Slide-Out Area using jQuery

  Views 50022   downloads 9056   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…

223
Yays

Realistic Hover Effect With jQuery

  Views 28562   downloads 5872   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…

198
Yays

Pure CSS Animated Progress Bar

  Views 21700   downloads 3477   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…

195
Yays

Beautiful image Filterable Portfolio with jQuery

  Views 33341   downloads 4961   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…

187
Yays

Mimic the iGoogle Interface Drag widget(jQuery )

  Views 24381   downloads 4702   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…

181
Yays

Useful jQuery Pagination plugin

  Views 30026   downloads 6711   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…

175
Yays

cool Gritter for jQuery (Growl)

  Views 27403   downloads 3791   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…

171
Yays

Filter Image View Using jQuery

  Views 36591   downloads 5629   Layout & Interface

the image items are showing and hiding with horizontal slide effect based on user choice. Horizontal slide effect produced by manipulating item’s width, when hiding the item we will change the item…

171
Yays

Floating HTML Menu Using jQuery and CSS

  Views 39537   downloads 5777   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…

171
Yays

jQuery Slider

  Views 28053   downloads 3310   Layout & Interface

jQuery Slider is easy to use and multifunctional jQuery plugin. Documentation from — [number] left limit to — [number] right limit step — [number] step of pointer round — [number]…

169
Yays

Ajax Style Loading Animation in CSS3 ( no Images )

  Views 50658   downloads 19405   Layout & Interface

As we all know loading images are very essential part of any website , but some time loading images takes time to load itself. But what if the images made up in CSS. So this time I used CSS3 to develop…