Submit your widget
100
Yays

jQuery illuminate with info balloon

Views 10656   downloads 1998   Lightbox & Dialog & Overlay

Illuminate – jQuery plugin This plugin is used to highlight elements on a web page. What it does: When using the plugin you can highlight any kind of element on the webpage. You could use it for…

104
Yays

Tabbed content with jQuery

Views 18690   downloads 4266   Slideshow & Scroller

In this example we'll going to show you some web development techniques that can be used in your next projects. This will cover some CSS, HTML and jQuery tricks. First thing we need is some basic HTML…

98
Yays

Smooth Vertical or Horizontal Page Scrolling with jQuery

Views 14422   downloads 2026   Slideshow & Scroller

we will create a simple smooth scrolling effect with jQuery. We will create a horizontal and a vertical website layout to show the effect. The Markup The markup for our example page is going to be very…

113
Yays

A Clean and Stylish CSS3 Contact Form

Views 16950   downloads 4410   Form

Building stylish contact forms typically requires the use of images (and maybe some JavaScript) to create something that looks professional. However, with CSS3 it’s now much easier to create some…

180
Yays

Simple Star Rating System

Views 7945   downloads 1761   Rating & Star Rating

This is a jquery plugin for star rating systems. The intial inspiration for this script came from "Wil Stuckey's" star rating system. But the original script requires too much coding. Also it does not…

203
Yays

Automatic Image Slider with CSS & jQuery(red)

Views 175663   downloads 13215   Slideshow & Scroller

With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, I believe it is wise to build simple…

111
Yays

jQuery Easy Pinned Footer

Views 14378   downloads 2142   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>…

109
Yays

jQuery Checkbox & Radiobutton Plugin

Views 6275   downloads 1892   Form

ezMark is a jQuery Plugin that allows you to stylize Radio button and Checkbox easily. Its very small (minified version is ~1.5kb) compared to other similar scripts. It has been tested and works on all…

112
Yays

jQueryNotice animated notification tooltip

Views 11455   downloads 2169   Tooltips

jQnotice allows you to easily show an animated notification tooltip at the top of your website with just a simple line of code. How-to use ? You can use it by just call the following method: jQnotice('Your…

103
Yays

jQuery Plugin for Stylish Tooltips

Views 9403   downloads 1926   Tooltips

A Single Background Image for Scalable Tooltips Suppose you need to code a scalable tooltip that looks like this (i.e. a tooltip with auto width/height based on the content inside it): he Usual Approach…

113
Yays

jQuery 2D Transformation Plugin

Views 15644   downloads 2562   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…

112
Yays

Custom radio and checkbox inputs using CSS3

Views 10862   downloads 2015   Form

As you can see from the demo each radio and checkbox is replaced with a custom one. The difference here from my initial attempt, and to get around the fact you can’t apply generated content to form…

101
Yays

Pure CSS collapsible tree menu

Views 14614   downloads 2828   Menu & Navigation

The demo is built using an ordered list (ol) nested with further ordered lists to naturally represent a basic folder structure. <ol> <li class="file"><a href="document.pdf">File 1</a></li>…

99
Yays

jQuery Easy Background Resize

Views 13383   downloads 2461   Image Effects

Resizable full-browser background image using jQuery. Implementation requires no CSS. Keeps the images aspect ratio in tact! Example HTML for Background DIV <!-- This gets positioned absolutely so…

90
Yays

jQuery Flickr Photo Gallery Plug

Views 9159   downloads 1365   Slideshow & Scroller

Simply hand the plug-in a Flickr set_id and give the container a width and height ! Example HTML Code Example <div id="flickr_div"></div> <!-- "flickr_count" Required for count and titles…