Submit your widget
101
Yays

jQuery illuminate with info balloon

Views 10710   downloads 2021   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 18742   downloads 4286   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…

99
Yays

Smooth Vertical or Horizontal Page Scrolling with jQuery

Views 14485   downloads 2043   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 16990   downloads 4434   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…

197
Yays

Simple Star Rating System

Views 7989   downloads 1787   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 175796   downloads 13241   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 14437   downloads 2165   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 6322   downloads 1916   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 11495   downloads 2195   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 9441   downloads 1950   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 15701   downloads 2582   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 10911   downloads 2035   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 14708   downloads 2855   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 13433   downloads 2482   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 9200   downloads 1389   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…