Submit your widget
113
Yays

Advanced CSS Menu

4 years ago   Views 13211   downloads 2001   Menu & Navigation

Most of you probably know how to code a horizontal or vertical CSS list menu. Now let’s take it to the next level — code an advanced (un-typical) list menu utilizing the CSS position property.…

113
Yays

CSS Sliding Door menu using only 1 image

4 years ago   Views 8497   downloads 1182   Menu & Navigation

Concept The concept of the sliding door is to use a background image for the buttons in a navigation menu. I am using a span within a link in the list to hold a part of the image. the link itself will…

138
Yays

Inset Border Effect jQuery Plugin

4 years ago   Views 11437   downloads 1791   Image Effects

It’s a very simple but neat effect. The images have a border, but unlike CSS borders, it covers up part of the image. I wanted to use this effect in one of my galleries so I went ahead and experimented…

180
Yays

Kwicks accordion menu for jQuery

4 years ago   Views 32502   downloads 5797   Menu & Navigation

Default CSS Note that all of the examples on this page are using this as their default stylesheet /* defaults for all examples */ .kwicks { list-style: none; position: relative; margin: 0; padding: 0;…

127
Yays

Submit A Form Without Page Refresh using jQuery

4 years ago   Views 22852   downloads 2345   Form

we have a simple contact form with name, email, and phone number. The form submits all the fields to a php script without page refresh, using native jQuery functions (native meaning, you don’t need…

147
Yays

Better Captions for jQuery’s FancyBox Plugin lightbox

4 years ago   Views 21219   downloads 5037   Lightbox & Dialog & Overlay

After a few changes to the stylesheet and some light enhancements to the code, I managed to get the effect I was looking for.  The caption actually fades in and out on mouse-over, so it’s not…

127
Yays

jQuery: Photo Slider

4 years ago   Views 11545   downloads 1331   Image Effects

My first thought was a thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo. This is what happens, in plan English: Click event on the “More…

147
Yays

Animate Curtains Opening with jQuery

4 years ago   Views 22976   downloads 4441   Image Effects

Step 1 – What You’ll Need This example would not be anything special without the graphics, so let’s make sure you’ve got those under control. I’ve included the ones used…

119
Yays

Threadless Style T-Shirt Gallery jQuery

4 years ago   Views 11036   downloads 1705   Image Effects

The Basic Idea Here’s the gist: There’s a thumbnail which is a full sized image in a container div, which is smaller than the full sized image. The image is centered within it, but doesn’t…

109
Yays

Twitter-like dynamic character count for textareas jQuery

4 years ago   Views 6605   downloads 1273   Form

The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. While typing the Twitter post there is this always present information about how many…

149
Yays

jQuery style menu with CSS3

4 years ago   Views 15729   downloads 3155   Menu & Navigation

Here’s a quick experiment I did with CSS3. Again I was just mucking about with CSS3 transitions which could one day replace all the fancy jQuery animation tricks people use. The outcome was a really…

118
Yays

Pure CSS3 Sliding Image Gallery

4 years ago   Views 17559   downloads 2723   Slideshow & Scroller

So, another random CSS3 experiment! This time it’s an image gallery that has a slide effect. This was a bit tricky to work out but I got there in the end. The idea is to get one image to slide in…

119
Yays

Cross Browser Pure CSS3 Horizontal Accordion

4 years ago   Views 26896   downloads 3614   Accordion

You can add other CSS3 features like gradients, font-face, etc to enhance it further. Our accordion will degrade to an unordered list in IE6 (which will be completely untouched by our CSS). You can use…

128
Yays

Sweet tabbed navigation using CSS3

4 years ago   Views 14745   downloads 3051   Tabs

This example takes on the following CSS(3) properties: rgba opacity text-shadow pseudo selectors rounded corners gradients box-shadow HTML Before we do anything fancy with CSS, we'll need a decent backbone…

167
Yays

Animated CSS3 Horizontal Menu

4 years ago   Views 13564   downloads 2473   Menu & Navigation

Inspired by CSS Sprites2 – It’s JavaScript Time from A List Apart and Using jQuery for Background Image Animations written over a year ago, I decided to create a short tutorial about a animated…