Submit your widget
96
Yays

Greyscale Hover Effect CSS & jQuery

Views 35026   downloads 4581   Image Effects

Wireframe – HTML First set up an unordered list which we will use as our foundation for the list of gallery images. <ul class="gallery"> <li> <a href="#" class="thumb"><span><img…

102
Yays

AutoSprites - A jQuery Menu Plugin

Views 8061   downloads 1929   Menu & Navigation

Its purpose is to allow you to build an image-based menu with animated hover states as easily as possible and by using the most concise descriptions possible. To see the results on both a horizontal and…

83
Yays

Add Form Validation using jQuery in 2 Easy Steps

Views 10250   downloads 2638   Form

Sometimes you may find yourself working on projects that require some intelligent form field validation..but what’s the easiest way to achieve this? I’ve used everything from the popular Validate…

95
Yays

A jQuery plugin for displaying images with Flash-like zooming effects

Views 11256   downloads 2594   Image Effects

a new plugin for jQuery that allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. It’s a simple but elegant way of giving your interfaces…

93
Yays

An elegant, lightweight slideshow script(mootools)

Views 15068   downloads 2978   Slideshow & Scroller

BarackSlideshow is a very tiny and lightweight slideshow script, that takes the power of MorphList to enhance visualization and navigation of the images .   With a markup like this: <div id="slideshow">…

80
Yays

Photo Zoom Out Effect with jQuery

Views 8224   downloads 1310   Image Effects

This is a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography…

83
Yays

Animated Navigation Menu From Stratch jQuery

Views 6793   downloads 1663   Menu & Navigation

Animation Technique Basically, the animation technique that we are going to use is the simple one. We only need to add a span navigator which has a position property with value absolute on our menu list.…

93
Yays

Mask Your Input Forms and Make It Beauty jQuery

Views 6984   downloads 1599   Form

Text masking is an alternative for us to display information what type of content user must input to our forms, as usual jQuery make our life easier, to implement that we just need to create the script…

119
Yays

Filter Image View Using jQuery

Views 21756   downloads 3558   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…

85
Yays

Simple CSS3 Dropdown Menu

Views 8062   downloads 1458   Menu & Navigation

As we know, CSS3 has many good features for help us creating more sweet User Interface. One of them is box shadow, it helps us adding shadow effect on each styled element. You must be familiar with drop…

103
Yays

jQuery Plugin : jConfirmAction

Views 9565   downloads 1531   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…

101
Yays

Nice Menu : CSS Animation & jQuery Animate

Views 13454   downloads 1888   Menu & Navigation

Expressjs has a nice button menu. Yes it absolutely nice since it has opacity and box shadow on each button, automatically widen when mouseover and again opacity to transparent when mousedown. I’d…

101
Yays

Stylize Input Element Using CSS3

Views 8915   downloads 1325   Form

Stylizing input element is a common task for us as a web developer, we can make it look nicer by putting stylized input image (color gradient, smooth border, box shadow, etc) as an input background. Nice…

142
Yays

Roundabout(Scroller)

Views 72191   downloads 4376   Slideshow & Scroller

Your Very First Roundabout This three-step guide will assist you in converting a boring unordered-list into an exciting Roundabout! Once this tutorial is complete, check out how to customize your Roundabout.…