Submit your widget
130
Yays

jQuery: Photo Slider

4 years ago   Views 12335   downloads 1425   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…

153
Yays

Animate Curtains Opening with jQuery

4 years ago   Views 24260   downloads 4721   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…

123
Yays

Threadless Style T-Shirt Gallery jQuery

4 years ago   Views 11658   downloads 1808   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…

112
Yays

Twitter-like dynamic character count for textareas jQuery

4 years ago   Views 6939   downloads 1331   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…

152
Yays

jQuery style menu with CSS3

4 years ago   Views 16751   downloads 3406   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…

121
Yays

Pure CSS3 Sliding Image Gallery

4 years ago   Views 18396   downloads 2896   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…

124
Yays

Cross Browser Pure CSS3 Horizontal Accordion

4 years ago   Views 28047   downloads 3830   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…

132
Yays

Sweet tabbed navigation using CSS3

4 years ago   Views 15535   downloads 3232   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…

170
Yays

Animated CSS3 Horizontal Menu

4 years ago   Views 14251   downloads 2599   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…

122
Yays

a Bubble Coda Style with CSS3 menu tootips

4 years ago   Views 8593   downloads 1808   Menu & Navigation

we are going to create a tooltip using the famous coda style, which allows for an animated pop-up window that makes for a great effect. HTML First, we create our HTML file and inside the body tag we add…

132
Yays

a Dynamic Stack of Index Cards(CSS3)

4 years ago   Views 19499   downloads 4942   Image Effects

We will create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for…

131
Yays

Nice And Simple Toolbar For Your Website With CSS3 And jQuery

4 years ago   Views 14040   downloads 1906   Tooltips

This is a fixed panel, on the bottom of the page, to improve interaction with our users. So a panel with social icons and their tooltip bubbles on the left side and a quick menu on the right. Some features…

128
Yays

Depth And Nice 3D Ribbons Only Using CSS3

4 years ago   Views 20466   downloads 3153   Menu & Navigation

we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout. This is a widespread trends in recent web design: creating a 3D perception…

102
Yays

Slideshow(Mootools 1.2)

4 years ago   Views 12220   downloads 2276   Slideshow & Scroller

Slideshow is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. Slideshow is the result of many trials in code attempting to create a javascript class…

124
Yays

SmoothGallery 2.1

4 years ago   Views 15123   downloads 1805   Slideshow & Scroller

First step: Install it. Just insert those lines of code in the header of your html files: 1.Include those lines in your header: <script src="scripts/mootools.v1.11.js" type="text/javascript"></script><script…