Submit your widget
86
Yays

POP dropdown menus with jQuery

Views 10005   downloads 2305   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 14728   downloads 2643   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 10820   downloads 2577   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 27451   downloads 6797   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 14304   downloads 3920   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 15628   downloads 3133   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 13804   downloads 2129   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 31399   downloads 5487   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 10487   downloads 3508   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 17489   downloads 3881   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 17648   downloads 3735   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 28455   downloads 9726   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…

63
Yays

very cool background animation with jquery

Views 14939   downloads 2595   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;…

61
Yays

Awesome Animation menu with jquery

Views 13766   downloads 3184   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 61095   downloads 8490   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…