Submit your widget
118
Yays

a Bubble Coda Style with CSS3 menu tootips

3 years ago   Views 7843   downloads 1604   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…

125
Yays

a Dynamic Stack of Index Cards(CSS3)

3 years ago   Views 16906   downloads 3936   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…

127
Yays

Nice And Simple Toolbar For Your Website With CSS3 And jQuery

3 years ago   Views 12920   downloads 1755   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…

120
Yays

Depth And Nice 3D Ribbons Only Using CSS3

3 years ago   Views 18003   downloads 2473   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…

98
Yays

Slideshow(Mootools 1.2)

3 years ago   Views 11129   downloads 1958   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…

121
Yays

SmoothGallery 2.1

3 years ago   Views 13696   downloads 1618   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…

142
Yays

unique Gallery by using z-index and jQuery

3 years ago   Views 11464   downloads 2007   Image Effects

we will combine the CSS property ‘z-index’ and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures. In this example we have the appearance of a pile…

133
Yays

Jquery Horizontal Slide Navigation

3 years ago   Views 16557   downloads 2674   Menu & Navigation

This is a spectacular sliding navigation whose animation is triggered when the user hovers over a navigation item. HTML Structures     <ul> <li><a href="#" title="" class="home"><p><strong>Title</strong><br…

116
Yays

JavaScript Color Fading Script

3 years ago   Views 5631   downloads 944   Text & Link Effects

This lightweight JavaScript allows for easy color transitions. Add fading effects to tables, divs and more. You can target an elements background, border or text color. Below is the command to call the…

115
Yays

BBC Radio 1 Zoom Tabs jQuery

3 years ago   Views 11658   downloads 1496   Tabs

There’s three things that are happening in this effect: When you roll over the image, it zooms out slightly to reveal more of the image. Notice that it also keeps the top position static. The navigation…

159
Yays

Simple jQuery Spy rolling Effect

3 years ago   Views 23554   downloads 4900   Slideshow & Scroller

Running the Effect Insert a new item at the top that is: opacity: 0 & height: 0. Fade the last item out. Increase first item’s height to real height. …at the same time, decrease the height…

111
Yays

Image Reveal using jQuery

3 years ago   Views 15706   downloads 1453   Image Effects

Yet another twist on my image manipulation kick, I tinkered around with making images larger again. This time, instead of actually enlarging the image, we are enlarging the ‘viewer’ to see…

127
Yays

Coda-Slider jQuery

3 years ago   Views 11075   downloads 1788   Slideshow & Scroller

120
Yays

lightbox Gallery Mootools Plugin

3 years ago   Views 10004   downloads 1488   Lightbox & Dialog & Overlay

Here's how it works: First, the thumbnails are loaded. When they are ready, users can click a thumbnail and watch the gallery transform into a slideshow, which is then navigated by clicking the left column…

162
Yays

Color Picker ColorSphere Plugin (Mootools)

3 years ago   Views 5847   downloads 1084   Color Picker

Initialization   new UvumiSphere(selector,options);   Arguments Selector: string defining a CSS rule that will select the elements to be turned into color pickers. These elements should be text…