Submit your widget
161
Yays

jQuery long list Page scroll

  Views 26922   downloads 4566   Text & Link Effects

A good way to manage long list in short space! jquery.verticalSlider let you show long list of elements managing pagination, it can work with elements already in the DOM of your page or loading them via…

342
Yays

Super Cool jQuery and CSS3 Nifty Dynamic Shadow

  Views 33173   downloads 5594   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…

156
Yays

pure CSS Stationary Logo on Page Scroll

  Views 21220   downloads 2857   Layout & Interface

The Econsultancy marketing blog has an interesting little effect using CSS that causes their logo to change when the page is scrolled. Visit their page and scroll down. You’ll notice the logo changes…

150
Yays

Simple Contained float Sticky Scroll jQuery Plugin

  Views 16799   downloads 2728   Layout & Interface

This is achieved using a custom coded jQuery plugin that I created for this exact purpose. I’ve dubbed it the Contained Sticky Scroll plugin, and released it as a freebie. Anyhow, I thought it might…

376
Yays

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

  Views 78543   downloads 17395   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…

140
Yays

jsProgressBarHandler (Dynamic Unobtrusive Javascript Progress/Percentage Bar)

  Views 26965   downloads 3271   Layout & Interface

Automatic Creation of Progress Bars Include the needed javascript  in your HTML document   <!-- jsProgressBarHandler prerequisites : prototype.js --> <script type="text/javascript"…

175
Yays

cool Gritter for jQuery (Growl)

  Views 26948   downloads 3700   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…

151
Yays

lovely 3D Animation With jQuery and CSS3

  Views 19336   downloads 2652   Layout & Interface

CSS Animations/Transitions So far it’s really only Webkit that supports these. Everything is optimised for fairly non-interactive content, animations are defined ahead of time, not very dynamic.…

159
Yays

jQuery Dragval drag and choose value

  Views 14839   downloads 2657   Layout & Interface

jQuery Dragval is jQuery plugin to create a dragging measure. Main parameters (default): loopTime: 60, // (ms) clickTime: 200, // (ms) step: 10000, min: 10000, max: 2000000, startValue: 0, In head: <link…

167
Yays

Ajax Style Loading Animation in CSS3 ( no Images )

  Views 49804   downloads 18755   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…

170
Yays

jQuery Slider

  Views 27794   downloads 3237   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]…

150
Yays

a jQuery pagination system

  Views 14198   downloads 3977   Layout & Interface

For paginating purpose PHP seems like a logical solution, but if you don’t have a huge amount of data you want to paginate, i would suggest paginating with jQuery. It’s not hard at all, and…

298
Yays

jQuery Desktop

  Views 33746   downloads 6345   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…

166
Yays

Flash Movies as Backgrounds

  Views 16275   downloads 3226   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”…

155
Yays

jQuery Easy Pinned Footer

  Views 21175   downloads 3202   Layout & Interface

Easy method, using jQuery, to pin a footer to the bottom of the web browser. Toggle between relative and static Example HTML <div id="footer"> <div>© 2009 - 2010 Whatever you might copyright.</div>…