Submit your widget

Custom radio and checkbox inputs using CSS3

5 years ago   Views 11759   downloads 1639   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 14334   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 16482   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 10338   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 17464   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 14251   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 15127   downloads 2373   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 13558   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 22374   downloads 2512   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 14987   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 13183   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 13492   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,…


Cross browser fluid jQuery image gallery

5 years ago   Views 16353   downloads 1799   Slideshow & Scroller

The plugin This little jQuery image gallery plugin is basicly recreates the standard built-in window scrolling with a smooth easing effect. It is still in an early, development state, thus it may suffer…


Jquery Mega Select List

5 years ago   Views 14592   downloads 1935   Form

This is  the jQuery Mega Select List project, Usage The jQuery Mega Select List is for when you have a drop down list with a crazy number of items that can be logically grouped, for example if you…