Submit your widget
114
Yays

Pure CSS3 cool Tables effect

Views 35265   downloads 4064   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 12828   downloads 3326   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 9079   downloads 2064   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 55134   downloads 7324   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 6765   downloads 1812   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 29655   downloads 5725   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 17831   downloads 2518   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 13799   downloads 2635   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 8897   downloads 2198   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 20839   downloads 3086   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 8285   downloads 1627   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…

120
Yays

simple CSS jQuery Menu

Views 18396   downloads 4044   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.…

120
Yays

Multiple CSS Decorative Gallery

Views 15658   downloads 2803   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 25586   downloads 6616   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…

119
Yays

a Fade Slideshow jQuery

Views 23393   downloads 4621   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…