Submit your widget
101
Yays

jQuery illuminate with info balloon

Views 10784   downloads 2056   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…

105
Yays

Tabbed content with jQuery

Views 18800   downloads 4319   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…

100
Yays

Smooth Vertical or Horizontal Page Scrolling with jQuery

Views 14545   downloads 2073   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…

114
Yays

A Clean and Stylish CSS3 Contact Form

Views 17047   downloads 4468   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…

200
Yays

Simple Star Rating System

Views 8054   downloads 1824   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…

204
Yays

Automatic Image Slider with CSS & jQuery(red)

Views 176000   downloads 13275   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…

112
Yays

jQuery Easy Pinned Footer

Views 14509   downloads 2188   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>…

112
Yays

jQuery Checkbox & Radiobutton Plugin

Views 6377   downloads 1949   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 11555   downloads 2220   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 9515   downloads 1982   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…

114
Yays

jQuery 2D Transformation Plugin

Views 15771   downloads 2616   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…

113
Yays

Custom radio and checkbox inputs using CSS3

Views 10962   downloads 2066   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…

102
Yays

Pure CSS collapsible tree menu

Views 14801   downloads 2889   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>…

100
Yays

jQuery Easy Background Resize

Views 13481   downloads 2512   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…

91
Yays

jQuery Flickr Photo Gallery Plug

Views 9257   downloads 1415   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…