Submit your widget
114
Yays

Pure CSS3 cool Tables effect

Views 35282   downloads 4074   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…

120
Yays

popular Popup Bubbles With jQuery

Views 12844   downloads 3339   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,…

104
Yays

CSS&jQuery;: Highlight keywords text

Views 9092   downloads 2077   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…

142
Yays

pure CSS Image Maps

Views 55228   downloads 7340   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…

91
Yays

jQuery Disabled labels plugin

Views 6782   downloads 1819   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…

133
Yays

JQuery Fancy AJAX Contact Form

Views 29678   downloads 5736   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…

120
Yays

jQuery Very Long scroll Dropdown Menus

Views 17868   downloads 2525   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,…

113
Yays

Jquery CSS on Zooming lightbox Images

Views 13812   downloads 2643   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 8913   downloads 2207   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…

85
Yays

Lightweight Thumbnails Image Gallery

Views 20857   downloads 3094   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…

117
Yays

jQuery Unobtrusive CSS based rating widget

Views 8299   downloads 1636   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…

121
Yays

simple CSS jQuery Menu

Views 18418   downloads 4054   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.…

122
Yays

Multiple CSS Decorative Gallery

Views 15677   downloads 2808   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…

144
Yays

JQuery Fancy lightbox alternative

Views 25608   downloads 6627   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…

120
Yays

a Fade Slideshow jQuery

Views 23412   downloads 4631   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…