Submit your widget
86
Yays

POP dropdown menus with jQuery

Views 10022   downloads 2314   Menu & Navigation

Include the stylesheet, with any of your mods. <link href="/pop/stylesheets/pop.css" media="all" rel="stylesheet" type="text/css"/> Include jQuery and jquery.pop.js…

65
Yays

Cool animation with jQuery

Views 14745   downloads 2650   Image Effects

Open your Dreamweaver or other editor and create a html file. Html <div class="logo"> <img class="frame" src="frame.png" alt=""> <img class="ani-bg"…

60
Yays

Glow Hinter login form with jQuery

Views 10838   downloads 2589   Form

Glow Me Hinter is a very SIMPLE and EASY to use jquery plugin that can be used to add informative hints on your input textboxes. It can also simulate the twitter login textboxes by adding a border glow…

166
Yays

Pure CSS3 Animated Menu

Views 27471   downloads 6806   Menu & Navigation

In this short tutorial, we will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu which you can use to add a polished look to your website or template.…

64
Yays

Fancy Forms with HTML5 and CSS3

Views 14320   downloads 3928   Form

Forms in HTML have typically been pretty boring – input boxes and buttons with all validation performed by javascript. With the new HTML5 Forms module things have become a little more useful. As…

77
Yays

Pure CSS3 Feature table design

Views 15647   downloads 3140   Table

The idea of building a features table just by using CSS3 came to our a while ago and we decided to share it with you in this article. The HTML markup Below you can find the abbreviated HTML: <table…

108
Yays

jQuery Like Google’s Christmas Doodle

Views 13828   downloads 2139   Image Effects

This holiday season, Google once again lifted up the Christmas spirits of those, who visited their homepage, with their animated logo, or doodle, as they call it. Now, with the holiday behind our back,…

89
Yays

Drop down TabMenu with AJAX

Views 31414   downloads 5502   Tabs

e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly. Usage Include Prototype 1.6.0.2 and Scriptaculous 1.8.1 in the HTML code header. Also include e24TabMenu…

74
Yays

very usable and nice search box with CSS3

Views 10498   downloads 3521   Form

you’ll learn how create a cool and usable CSS3 search box using the HTML5 placeholder attribute. For the browsers that don’t support this new HTML attribute, fallback is created using Modernizr’s…

67
Yays

Very nice pure CSS3 menu

Views 17506   downloads 3891   Menu & Navigation

This is a good looking menu using some CSS3 magic. The HTML <nav> <ul> <li><a href="#"><span>Home</span></a></li> <li><a href="#"><span>Categories</span></a></li>…

71
Yays

text slide effect with jQuery

Views 17666   downloads 3743   Text & Link Effects

this demo show/hide content within a div similar to the SlideToggle() effect.and different show part of the content within the div when the page loaded Also not that because the content within the div…

100
Yays

Useful dropdown menu with CSS3 jQuery

Views 28482   downloads 9737   Menu & Navigation

This CSS dropdown menu, without any additional Javascript code. There are no images used and, as usual, minimal HTML markup. HTML structure As you can see in the following lines, the HTML structure does…

65
Yays

very cool background animation with jquery

Views 14957   downloads 2605   Image Effects

This is a cool background animation with jquery. Hear is all jquery code: (function($) { $.fn.animatedBG = function(options){ var height = $(this).height(); var width = $(this).width(); var parts = options.parts;…

62
Yays

Awesome Animation menu with jquery

Views 13786   downloads 3192   Menu & Navigation

This is an Awesome  Animation menu with jquery. First off all, the problem was those background lines,If you just set background separately to all your list tags you end with lines not in order To…

90
Yays

Useful image hover slide effect with jQuery

Views 61123   downloads 8512   Image Effects

This is a simple technique to animate an image when hovering using jQuery’s animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an…