Submit your widget

jQuery Plugin for Stylish Tooltips

5 years ago   Views 11333   downloads 2148   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…


jQuery 2D Transformation Plugin

5 years ago   Views 18517   downloads 2696   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…


Custom radio and checkbox inputs using CSS3

5 years ago   Views 11761   downloads 1640   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…


Pure CSS collapsible tree menu

5 years ago   Views 14340   downloads 2588   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>…


jQuery Easy Background Resize

5 years ago   Views 16488   downloads 2205   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…


jQuery Flickr Photo Gallery Plug

5 years ago   Views 10342   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…


jQuery Image Scale Carousel

5 years ago   Views 17473   downloads 2305   Slideshow & Scroller

What Makes jQuery Image Scale Carousel Different? It auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place. When working with imagery online keeping…


accordion effect using CSS3

5 years ago   Views 14257   downloads 2487   Accordion

The xhtml <dl> <dt><a href="#Section1">Section 1</a></dt> <dd id="Section1"> <p> Lorem ipsum dolor sit amet... </p> </dd> <dt><a href="#Section2">Section…


an Animated Navigation with jQuery

5 years ago   Views 15133   downloads 2374   Menu & Navigation

The idea is to build a menu that just displays icons, when the user rolls over each icon the text will appear below. The icon will also have a roll over state to help highlight the menu item. Getting…


a Table Row Highlighter Using jQuery

5 years ago   Views 13559   downloads 2067   Table

Getting Started The first thing we need to do is download some things. First on your shopping list is jQuery. If you don’t have it already you can visit jQuery’s website and pick it up for…


jQuery Doubleselect Plugin - Fill in a second select box dependent on the first one.

5 years ago   Views 6954   downloads 1296   Form

Fill in a second select box dependent on the first one.   Usage Code   $(document).ready(function() { "Vegetables": { "key" : 10, "defaultvalue" : 111, "values" : { "tomato": 110, "potato":…


Styling Drop Down Boxes with jQuery

5 years ago   Views 22376   downloads 2513   Form

One problem with HTML forms is it is hard to style the elements to fit into your design.  The tutorial will show you how to style the hardest of them all, the select box.   The Plan Unfortunately…


CSS Image Viewer the Clever Way

5 years ago   Views 14993   downloads 2427   Image Effects

Image Viewers are fairly common on websites now-a-days. Most use some form of JavaScript to change images, some use Flash. This is a problem if the user doesn’t have either enabled on their browser. …


3D Flying Text in jQuery

5 years ago   Views 13184   downloads 2012   Text & Link Effects

It’s just a matter of time before some creates a jQuery plug-in much like Papervision for Flash.  Until then the 3D experiments in jQuery continue.  Here is a example that will show you…


Recreating the Content Switcher with jQuery and CSS3

5 years ago   Views 13499   downloads 2078   Slideshow & Scroller

This project was to try to recreate the switcher without any extraneous images or other non-essential elements that tend to make stuff less maintainable. This version uses CSS3′s border-radius,…