Submit your widget
171
Yays

Ajax Style Loading Animation in CSS3 ( no Images )

  Views 51363   downloads 19727   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…

168
Yays

Flash Movies as Backgrounds

  Views 16638   downloads 3334   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”…

167
Yays

jQuery 2D Transformation Plugin

  Views 25475   downloads 3911   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…

163
Yays

jQuery long list Page scroll

  Views 27448   downloads 4734   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…

160
Yays

jQuery Dragval drag and choose value

  Views 15352   downloads 2788   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…

160
Yays

pure CSS Stationary Logo on Page Scroll

  Views 21733   downloads 2984   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…

158
Yays

jQuery Easy Pinned Footer

  Views 21745   downloads 3368   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>…

157
Yays

jQuery Plugin : jConfirmAction

  Views 15141   downloads 2496   Layout & Interface

jConfirmAction is a jQuery plugin that aims to replace a plain confirmation box with a cute one. This plugin will help you to create a flying bubble confirmation box upside your link. Basically this plugin…

155
Yays

lovely 3D Animation With jQuery and CSS3

  Views 19917   downloads 2781   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.…

155
Yays

Simple Contained float Sticky Scroll jQuery Plugin

  Views 17305   downloads 2885   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…

154
Yays

Nice No Images Looping Loaders Effect

  Views 31117   downloads 8030   Layout & Interface

Sonic is a small (~3k minified) JS “class” you can use to create custom loading animations. It works best with looping animations — i.e. a snake that’s trying to eat its own tail.…

153
Yays

a jQuery pagination system

  Views 14583   downloads 4098   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…

152
Yays

JavaScript Scrollable

  Views 21110   downloads 4490   Layout & Interface

TinyScroller is a basic scrollable div script at only 1.7KB. It can be used with any HTML and degrades gracefully. The styling is completely customizable through the simple CSS. More features will be…

145
Yays

jsProgressBarHandler (Dynamic Unobtrusive Javascript Progress/Percentage Bar)

  Views 28619   downloads 3441   Layout & Interface

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

144
Yays

Middle Box Links jQuery

  Views 12993   downloads 2760   Layout & Interface

It covers a variety of things I thought were interesting: jQuery 1.4′s new element creation syntax which is pretty cool and we haven’t covered Writing a little plugin to prevent repeated code…