Oct

25 Cutest jQuery Plugins

Blend cuteness with usability with this collection of Inspirational jQuery plugins blending, Animation, usability and cutenes to create the perfect user interface. An excellent source of inspiration for jQuery Developers.

Building an Animated Cartoon Robot with jQuery

Heyy lets build a Robot using jQuery. Yes i mean ehat I say. Lets see how to build a robot using jQuery.

Crafting an Animated Postcard With jQuery

Nicely illustrated banners are?nice. But why not add a little pizazz by using animation like Flash websites do? In this tutorial we will learn the basics of setting up a continuous animation which can be applied pretty much anywhere.

Animate Curtains Opening with jQuery

In this tutorial you will learn how to animate a curtain opening scene in jQuery!

Animate Image Filling Up Using jQuery

Leran how to fill in the contents of an image with smooth animation using jQuery.

How to Make an Impressive Animated Landscape Header with jQuery

In this tutorial we will start with a cartoon themed header, build two different states for content and animate a transition between them using jQuery.

jQuery Tutorial – Make an Animated Alphabet using Keypress Events in jQuery

Make an Animated Alphabet using Keypress Events in jQuery. The result here was the result of some random jQuery keypress event experiments over the past few days. I recommend that you use this tutorial as a proof of concept rather than final product. Let?s be real for a moment there are very few places where you would need the exact effect we?ll be building. However, the logic behind it should be a much more useful in adapting to your own needs.

Build a Thermometer Controlled Page with jQuery

Hold on. Before anyone gets too excited, jQuery does not have the ability to actually monitor a room?s temperature. The thermometer we are building is a vertical slider from the jQuery UI library. As the temperature is changed on the thermometer, the page design will update accordingly.

Lights Out – Dimming or Covering Background Content with jQuery

This is a quick and easy approach that tackles a pretty common technique. By the end of this tutorial you will be able to add pop up message boxes complete with dimmed background to your existing site. Feel free to take a look at the demo to scope out exactly what we?ll be creating here today.

jQuery Tutorial – Create simple tooltips with CSS and jQuery

CSS tooltips are very popular in modern web design and contrary to popular belief it is really easy to create them, especially with one of the all so popular javascript frameworks. Before I started to delve deeper into this topic, I thought you have to use at least a plugin, but to get some basic tooltips all you need are about 10 lines of CSS and jQuery Code.

jQuery Tutorial – Create the iPhone unlock screen using jQuery

The iPhone: Everybody knows what it is, many people “played around” with the gadget and most people love it. I also own one of these amazing smartphones, and the looks of the software is really, really sleek and innovative (Just like we re used from Apple). I wanted to transfer (some) of these amazing designs to a webpage to re-create the same look and feel for webbrowsers. Today, I m going to show you how to create The iPhone unlock screen in xHTML, CSS and jQuery

jQuery Tutorial – Create A Unique Gallery by using z-index and jQuery

In this tutorial we will combine the CSS property ?z-index? and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures.

jQuery Tutorial – Create A Fancy Thumbnail Hover Effect With jQuery

Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but using my bread and butter (CSS and jQuery). I thought I?d share this and maybe some of you can find it useful.

tabSwitch – jQuery Plugin

tabSwitch is a tab/slider plugin for jQuery. You could make a tab box system with the least of code and still fully customizable. Currently, you could choose from 7 different effects with 2 view styles. You could also hot swap the effects around in runtime.

It is a Rainbow Color Changing Text and Backgrounds with jQuery

This jQuery tutorial explains how to create a Rainbow effect with jQuery.

jQuery Random Link Color Animations

We all know that we can set a link?s :hover color, but what if we want to add a bit more dynamism and flair? jQuery allows you to not only animate to a specified color, but also allows you to animate to a random color.

Playing with jQuery Color Plugin and Color Animation

jQuery is an easy and useful JavaScript library. If you are someone with basic knowledge of JavaScript you can easily insert jQuery plugins and effects. You do not need to be hardcore coder or developer for that. In this post you will see how to create some cool menus with jQuery and jQuery Color Plugin.

jQuery Tutorial – Animate your message boxes with jQuery

A few months ago I posted an article on creating message boxes. No question, you should really take care about it. But this time I want to make fun with it and add some animations using (you guess) jQuery.

jQuery Tutorial – Use jQuery to turn off the lights while watching videos

Some videos on YouTube have a cool feature called “Turn the lights down”. Basically, when you turn lights down, the entire page darkens and let you watch video as if you are in the cinema. This tutorial will show you how to implement this simple effect.

Reinventing a Drop Down with CSS and jQuery

This tutorial shows how to re invent a Drop Down with CSS and jQuery.

Animate validation feedback using jQuery

In this tutorial I will explain how to create an Animate validation feedback using jQuery .

Fade colors using jQuery

This tutorial will explain how to fade a color in array of elements using jQuery.

How to create Skype-like buttons using jQuery

If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you click on it the icon on the left “jumps” for a few times. I love that animation. And that s why I m going to show you how to create the same button using jQuery and some simple CSS.