Submit your widget
100
Yays

jQuery illuminate with info balloon

Views 10630   downloads 1988   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 18668   downloads 4254   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 14404   downloads 2015   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 16934   downloads 4399   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…

175
Yays

Simple Star Rating System

Views 7925   downloads 1753   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 175621   downloads 13205   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 14357   downloads 2136   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 6251   downloads 1882   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 11441   downloads 2163   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…

101
Yays

jQuery Plugin for Stylish Tooltips

Views 9385   downloads 1916   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 15611   downloads 2551   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 10847   downloads 2006   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 14581   downloads 2821   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 13359   downloads 2450   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 9141   downloads 1353   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…