Submit your widget
87
Yays

POP dropdown menus with jQuery

Views 10073   downloads 2343   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…

67
Yays

Cool animation with jQuery

Views 14791   downloads 2672   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"…

61
Yays

Glow Hinter login form with jQuery

Views 10882   downloads 2610   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…

167
Yays

Pure CSS3 Animated Menu

Views 27523   downloads 6824   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.…

65
Yays

Fancy Forms with HTML5 and CSS3

Views 14353   downloads 3946   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…

78
Yays

Pure CSS3 Feature table design

Views 15692   downloads 3162   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…

109
Yays

jQuery Like Google’s Christmas Doodle

Views 13873   downloads 2159   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 31462   downloads 5536   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…

75
Yays

very usable and nice search box with CSS3

Views 10530   downloads 3535   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…

68
Yays

Very nice pure CSS3 menu

Views 17542   downloads 3913   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>…

72
Yays

text slide effect with jQuery

Views 17709   downloads 3763   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…

101
Yays

Useful dropdown menu with CSS3 jQuery

Views 28540   downloads 9762   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…

66
Yays

very cool background animation with jquery

Views 15004   downloads 2630   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;…

63
Yays

Awesome Animation menu with jquery

Views 13839   downloads 3218   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…

92
Yays

Useful image hover slide effect with jQuery

Views 61208   downloads 8555   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…