Submit your widget
102
Yays

Flash Movies as Backgrounds

2 years ago   Views 8195   downloads 1476   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”…

97
Yays

jQuery Easy Pinned Footer

2 years ago   Views 10776   downloads 1324   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>…

100
Yays

jQuery 2D Transformation Plugin

2 years ago   Views 11115   downloads 1295   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…

150
Yays

Realistic Hover Effect With jQuery

2 years ago   Views 14605   downloads 2580   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…

87
Yays

JavaScript Scrollable

2 years ago   Views 9620   downloads 2038   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…

70
Yays

jQuery Ajax delete

2 years ago   Views 10095   downloads 1794   Layout & Interface

Removing contents with Ajax is a useful tool to have in any web designers kit. Using a few lines of jQuery we can remove a div and simultaneously remove a record from the database with Ajax. In the download…

73
Yays

Middle Box Links jQuery

2 years ago   Views 6154   downloads 1010   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…

99
Yays

Floating HTML Menu Using jQuery and CSS

2 years ago   Views 20437   downloads 2590   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…

96
Yays

Filter Image View Using jQuery

2 years ago   Views 16946   downloads 1949   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…

86
Yays

jQuery Plugin : jConfirmAction

2 years ago   Views 7038   downloads 850   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…

120
Yays

Beautiful image Filterable Portfolio with jQuery

2 years ago   Views 17004   downloads 2192   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…

124
Yays

Pure CSS Animated Progress Bar

2 years ago   Views 8364   downloads 1284   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…

162
Yays

Animate a Contact Us Slide-Out Area using jQuery

2 years ago   Views 22415   downloads 3928   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…

114
Yays

Mimic the iGoogle Interface Drag widget(jQuery )

2 years ago   Views 12999   downloads 2204   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…