Submit your widget
115
Yays

Pure CSS3 cool Tables effect

Views 35334   downloads 4092   Table

we'll going to show you how to use some neat CSS3 properties to beautify your tables. With so many new selectors we can address specific table cells and rows in order to create a unique style without…

121
Yays

popular Popup Bubbles With jQuery

Views 12891   downloads 3358   Tooltips

In particular, Jorge Mesa writes to ask how to re-create their ‘puff’ popup bubble shown when you mouse over the download image. In essence the effect is just a simple combination of effect,…

105
Yays

CSS&jQuery;: Highlight keywords text

Views 9136   downloads 2100   Text & Link Effects

we'll come up with a solution to highlight identified keywords (using named entity recognition) inside of a chunk of user generated text. While the idea was fairly simple, the challenge was creating a…

143
Yays

pure CSS Image Maps

Views 55564   downloads 7373   Image Effects

we're not only going to get you up to speed on how to create a CSS image map, but, we're also going to take it a couple steps further and add hover states to our image map using a CSS background image…

92
Yays

jQuery Disabled labels plugin

Views 6823   downloads 1842   Form

To better distinguish at a glance which inputs are disabled/enabled, I've chosen to style the labels of disabled inputs with a faint gray color. HTML The difference in HTML is a small one. The first example…

136
Yays

JQuery Fancy AJAX Contact Form

Views 29741   downloads 5757   Form

Introduction Providing a simple and reliable means of feedback from site visitors is a crucial part of any web presence. The most simple and common feedback channel are contact forms. In this tutorial…

122
Yays

jQuery Very Long scroll Dropdown Menus

Views 17944   downloads 2545   Menu & Navigation

jQuery Makes it Tick I’m going to dump the code all in here just for quick reference. I commented it, so it should be fairly easy to follow. It’s over 60 lines, but don’t worry too much,…

115
Yays

Jquery CSS on Zooming lightbox Images

Views 13856   downloads 2664   Lightbox & Dialog & Overlay

One useful tool of JQuery – Zoomimage plugin. It allow to reach different design ideas with images resizing. Features Preloads images The images can by grouped in galleries Scales the image to fit…

126
Yays

simplism tooltip powered by jQuery

Views 8951   downloads 2229   Tooltips

A tooltip is help text that appears when you hover your cursor over something. The title attribute of a hyperlink or alt attribute of an image tag will be displayed as a tooltip by a browser when you…

86
Yays

Lightweight Thumbnails Image Gallery

Views 20915   downloads 3117   Slideshow & Scroller

Showing images online is a big thing. Besides elementary stuff like flickr, there are a vast number of image gallery scripts available online. Some are free and some cost a little. Some are really good…

118
Yays

jQuery Unobtrusive CSS based rating widget

Views 8342   downloads 1662   Rating & Star Rating

Control.Rating attaches to any div, span or table cell on your page in one line of code to create a fully customizable CSS based ratings widget. Each control can optionally post an Ajax request when it's…

122
Yays

simple CSS jQuery Menu

Views 18480   downloads 4078   Menu & Navigation

HTML This can’t get any simpler. Just make a valid nested unordered list with a root id of “navmenu-h” (for horizontal) or “navmenu-v” (for vertical) and you are all set.…

123
Yays

Multiple CSS Decorative Gallery

Views 15721   downloads 2833   Image Effects

I will show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create…

154
Yays

JQuery Fancy lightbox alternative

Views 25670   downloads 6650   Lightbox & Dialog & Overlay

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. Can display images, HTML elements, SWF movies, Iframes and also Ajax requests…

122
Yays

a Fade Slideshow jQuery

Views 23478   downloads 4654   Slideshow & Scroller

In order to more easily access each slide from JavaScript, each slide is numbered in its id name. Then the copy is placed in a new <div> container, so that the position of the copy is easier to…