In this tutorial Soh Tanaka will teach you how to make an awesome Mega Drop Down Menu with the help of CSS, jQuery and the Hover Intent jQuery plugin

Create a SSD Virtual Server with DigitalOcean , using this link you get $100 FREE

digital ocean

A trend going on around on websites are putting icons on links that point to web pages externally. If you want that on your site, this simple script will dynamically take care of that for you with the help of Mootools, a compact Javascript Framework and some CSS.

In this tutorial, we will see how to add some amazing effects to an unordered list on mouseover with the Element Method: morph and to make the whole list item region clickable with Mootools 1.2. The goal is to take a boring unordered list and to turn it into something fun to click.

Take a basic list of links and turn them into an awesome OS X dock of icons.

CSS3 and jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.

The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesnt display border-radius on images. Then I figured a way to work around it wrap a span tag around with the original image as a background-image. Thanks to Darcy Clarke for the jQuery code which does the magic tag wrapping automatically.

*Fully Skin-able * Your original dropdown is safe, so your form post will not be messed. * An image can be inserted with your text. Each option can have an image. * You may covert all combobox as image combobox, you may convert by id, multiple ids, or by wild card. We'll see that in example. * Its possible to repopulate the data. You can also Enabled/Disabled your dropdown. Now with the object control. * Almost all events are working. is one of the most popular social networking sites, allowing you to discover and share the content all over the web. In this tutorial we are going to simulate their signup form, with unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. The same approach will be adopted for displaying validation messages.

Plugin jQuery that allow you to change the radio/checkbox html syle by a cool one.

*. only inline elements used, just like default checkoxes *. cross-browser look and feel (tested in IE6, IE7, IE8, Firefox and Chrome engines) *. work with radio buttons too *. supports inline and jQuery attached click events *. supports "label hovering": when you point over parent label element, it will highlight its checkbox (thanks to Eugene for the idea) *. dynamic skin changing *. adds new checkbox events "check", "uncheck", "disable", "enable", ready to use in jQuery.bind() method

Recent Comments

SEO Training in Hyderabad said:

Bharat Go Digital Academy is a online e learning platform where we teach people the digital skills.

deekshitha said:

Informative blog <a href="">data ...

360DIGITMGtraining said:

I am impressed by the information that you have on this blog. It shows how well you understand this subject. ...

tanish velu said:

Thank you for your post, I look for such article along time, today i find it finally. this post give me lots of advise it is very ...

deekshitha said:

Informative blog <a href="">best ...

ssdd said:


360DIGITMGtraining said:

It's really nice and meaningful. it's a really cool have really helped lots of people who visit blogs and provide ...

amritabansal said:

In today's world Data Science is the most desirable course among students and professionals. When I came to know about this ...

data science course syllabus said:

Very Nice Article

princika sweety said:

I want to leave a little comment to support and wish you the best of luck we wish you the best of luck in all your blogging enedevores ...