Submit your widget
115
Yays

Pure CSS3 cool Tables effect

Views 35404   downloads 4124   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 12996   downloads 3393   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 9186   downloads 2134   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…

144
Yays

pure CSS Image Maps

Views 56013   downloads 7420   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 6876   downloads 1869   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 29824   downloads 5782   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 18068   downloads 2573   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 13926   downloads 2695   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…

127
Yays

simplism tooltip powered by jQuery

Views 9005   downloads 2256   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 20994   downloads 3146   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 8398   downloads 1696   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 18555   downloads 4105   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 15792   downloads 2862   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 25745   downloads 6680   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 23561   downloads 4692   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…