Submit your widget
235
Yays

Simple Accordion CSS3 and jQuery

Views 29394   downloads 8075   Accordion

Foundation – HTML Our markup is pretty simple, an <h2> and <div class="acc_container"> following right after. The <h2> is the heading of our accordion item. We will be using this…

211
Yays

Simple Tabs w/ CSS & jQuery

Views 86708   downloads 19991   Tabs

Step1. Wireframe – HTML & CSS Use an unordered list for your tabs, and follow up with the “tab_container” container right below it. Make note that each list item (tabs) has an attribute…

133
Yays

jQuery UI Spinner - numeric stepper

Views 33307   downloads 5186   Form

Usage Events The following events fire when interacting with the Spinner via keyboard or mouse: spinup - during value increment. spindown - during value decrement. spin - during value increment/decrement.…

94
Yays

Javascript numeric stepper with inputbox

Views 10532   downloads 1977   Form

Building the Numeric Stepper With help from JavaScript and a few basic form controls we can easily create our very own Numeric Stepper. The ingredients are: a standard text input, two buttons, a container…

145
Yays

jQuery CSS Drop Down Menu Style

Views 18117   downloads 4287   Menu & Navigation

Features Full cross-browser compatibility Fully accessible even when javascript is turned off, as a pure css menu Search engines optimized Clear unordered list (LI and UL HTML tags) structure Easy to…

130
Yays

Pretty Simple Content Slider with jQuery and CSS3

Views 19446   downloads 4294   Slideshow & Scroller

We will create an auto-playing content slider with jQuery and CSS3. The idea is to alter the background image and to slide in the heading and the description. By clicking on one of the menu items, the…

122
Yays

Creating a Rotating Billboard System with jQuery and CSS

Views 16665   downloads 3274   Slideshow & Scroller

We will use some images, CSS and jQuery to create the effect of a rotating billboard with two ads. The idea is to make one set of image slices disappear while another one (the other ad) appear. We will…

202
Yays

Scalable drag lightbox

Views 18598   downloads 3088   Lightbox & Dialog & Overlay

What is TopUp? TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain…

87
Yays

jCaption: jQuery Image Captions with Customizable Markup, Style and Animation

Views 8838   downloads 1505   Image Effects

jCaption is a jQuery plugin designed to make adding captions to a page dead simple. It takes an image element and uses one of its attributes to build the markup for a caption. It allows for both arbitrary…

92
Yays

Color Changing Text and Backgrounds w/ jQuery

Views 10864   downloads 2162   Image Effects

Here’s a quick and easy way to cycle between multiple colors smoothly. Normally you would define the (background) color in the CSS and that would be the end of it. In this case we want to be able…

104
Yays

New jQuery plugin: “Fly Off Page”

Views 12163   downloads 1705   Image Effects

There is a new jQuery plugin, it’s called "Fly Off Page". It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction. Customizable options…

138
Yays

Coda Tabs Slider Effect jQuery

Views 32791   downloads 7446   Slideshow & Scroller

Recreating this effect is simple to do if you know what plugins to use. There are plugins out in the wild already, but we want our jQuery to satisfy the following requirements: Degrades perfectly without…

103
Yays

A Keypress Navigation tabs jQuery

Views 9410   downloads 2399   Menu & Navigation

The key to a succesful website is the ease with which a user finds what they are looking for. Thus, it’s worth spending a lot of time and effort in creating both useful and visually appealing navigation…

129
Yays

Date Picker - jQuery plugin

Date Picker component with a lot of options and easy to fit in your web application. Features Flat mode - as element in page Multiple calendars in the component Allows single, multiple or range selection…

109
Yays

AnythingZoomer jQuery Plugin

Views 10360   downloads 2738   Image Effects

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it. I’m not going to tell you what you should use it for or elaborate…