Submit your widget
100
Yays

CSS3 Gradient Background

Views 10209   downloads 1906   Image Effects

WebKit browsers paved the way with CSS based gradients. Now Firefox 3.6 is out and is supporting them as well, which makes using them for progressive enhancement all the more appealing. More good news,…

100
Yays

Depth And Nice 3D Ribbons Only Using CSS3

Views 17114   downloads 2774   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…

100
Yays

Advanced CSS Menu

Views 12963   downloads 2517   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.…

100
Yays

jQuery Easy Background Resize

Views 13433   downloads 2483   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…

100
Yays

Simple Flip Puzzle Effect like Apple with jQuery

Views 11334   downloads 1859   Image Effects

Gradient and Flipping Technique I said that the advertisement makes use of puzzle paper effect. In order to create this effect, we give a lighting from certain angle to each block layer that we stacked…

100
Yays

Like apple Slider Gallery jQuery

Views 14586   downloads 2251   Slideshow & Scroller

This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery…

100
Yays

jQuery Slideshow with a Transparent PNG Frame

Views 18678   downloads 2832   Slideshow & Scroller

we’ll have created a basic slideshow that uses a combination of PNG transparency and layered positioning to create the effect of each slides being held in by the bottom corners. The HTML Start by…

100
Yays

jQuery Email Validation effect

Views 21289   downloads 4215   Form

we will describe how you can validate the format of an email address “live” using jQuery and regular expressions without the need for a plugin . The code is pretty lightweight, uses a simple…

100
Yays

jQuery Awesome Mousehold Event

Anyway, traditional applications have 'spinners' that make numbers or items go up and down (I'm working on that too). This jQuery plugin adds the missing 'repeat' event. The 'repeat' is when you keep…

99
Yays

Changing Form Input Styles on Focus with jQuery

Views 9250   downloads 2123   Form

A lot of forms can be boring and plain, don’t let yours blend in. This tutorial will show you how to spice them up with CSS classes and default values that change according to which form item is…

99
Yays

jQuery Advanced keypress navigation

Views 11844   downloads 1630   Menu & Navigation

The script is (a bit) advanced because of the extra functionality when the user combines the mouse hover and keypresses.   HTML   The HTML that I came up with isn't that hard to understand:…

99
Yays

Zoomimage Lightbox jQuery Plugin

Views 8674   downloads 2017   Lightbox & Dialog & Overlay

About Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border.   Implement   Attach the Javascript and CSS…

99
Yays

JavaScript Color Fading Script

Views 6199   downloads 1301   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…

99
Yays

Smooth Vertical or Horizontal Page Scrolling with jQuery

Views 14486   downloads 2044   Slideshow & Scroller

we will create a simple smooth scrolling effect with jQuery. We will create a horizontal and a vertical website layout to show the effect. The Markup The markup for our example page is going to be very…

99
Yays

Slide and hide section with jquery

Views 16320   downloads 2386   Slideshow & Scroller

Usiamo alcune semplici funzioni di jquery per creare alcuni effetti di sicuro successo. Realizziamo un semplice javascript che ci permetterà di far comparire e scomparire alcune slide a seconda…