Every Web-Designer love to make his web designs and projects beautiful than ever and so dOo I. In personal am not a great designer on my own, but I love to make experiments to make my projects look beautiful and looking forward to my addiction, I handpicked some of the best jQuery plugins available throughout the net. This post of mine will help some curious designers to highlight their web designs to the next level.
Our top 10 picks
Ever wondered about the Dock effect on your web like you have on your mac or the one you get with object dock and rocket dock on your windows. This all is possible with Icon Dock now. iConDock is a jQuery plugin that allows you to create a menu on your web like you have that on your PC with Object Dock.
This is a must check plugin. If you like some real cool animation with your Menu bar, you must try this for sure. With this pligun menu shows, when clicked on, sliding out from nowhere in a nice animation and slides in back when clicked on again, vice-versa. The plugin is available in 3 formats. Check out the live demo of all 3 formats by clicking here.
There are many image showcase plugins like ThickBox, LightBox, but this is the best of them all. This plugin transforms an unoredered list of images into a box displaying only one preview image at a time. The box has controls to skim through the preview images and to enlarge a given image. The box expands to accomodate the enlarged version, while the controls are hidden in full image size mode. A simple click on the image returns the box to its compact state.
This is the best plugin with the use of HTML5.Â Streams music fast using HTML5 and alternative ogg format support. Using this jQuery plugin, you can have your own music player on your web. The developer says
jPlayer is a jQuery plugin that allows you to:
- play and control audio files in your webpage
- create and style an audio player using just HTML and CSS
- add sound effects to your jQuery projects
- stream faster using HTML5 and alternative ogg format support.
This is a must have plugin if you have a personal web or a blog about yourself, which could show your taste of music too.
This is a multiple-effects-plugin and is very useful if you want to have hidden captions or hidden content that shows when hovering an image (mouseover). The source of plugin it self consist of some cool effects like Hidden Title, Image roller, Hidden content etc. But if you are a good with the stuff, you can even mod it to your likings.
A simple example using jQuery and CSS that shows you how to create the fading header technique. This will help you insert a cool effect to your header background, by inserting a fading second image on mouse hover. The tutorial is out using a jQuery with two images, which you could extend further to multiple images.
If you are looking for a beautiful image slider with a Title and a short description part, this plugin is the best of all. I personally recommend you to use this plugin as it is the most beautiful jQuery slider on the web (as per me atleast). The plugin slides images with a beautiful twist on the caption and with an auto slide feature with beautiful blue no. buttons.
Need a jQuery regarding image slider feature, then this is the plugin you are looking for. The developer says “Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three “status” variables are here for that purpose.“
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes. It is not just that simple cropping jQuery plugin, its in the list cause of its wonderful addon features like Keyboard support for moving and resizing the selection,Lightweight â€” the packed version is less than 8KB and the API functions for easier integration with other application components and some more features.
Last but not the least, and one of the very much used plugin feature (the toggle effect). If you want to just show up the titles to your readers, and the content when the reader clicks on the title, then this is your plugin. This plugin brings out a wonderful toggle effect, which slides down the content when some one clicks on the title.
Like this post? Hit up the Digg, Stumble or socialize it in your own way. Dont forget to fill up the comment box with your Cnc.