10 jQuery Tagging and Tag Clouds

Sam Deering
Tweet
A jQuery tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. Today we listed Most Desirable Collection Of powerful jQuery and Ajax tag cloud . We obviously cannot cover all the best from the web, but we have tried to cover as much as possible. Have fun!

1. Tag-Clouds Styling and Adding Sort Option

This article consists of 2 parts: one is marking up and styling tags and the second is adding behavior to tag cloud using client-side script.
Tag-Clouds-Styling-and-Adding-Sort-Option.jpg
Source

2. Building a jQuery-Powered Tag-Cloud

A tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. There is also additional information contained in a tag-cloud. Aside from the actual links themselves, which give people an idea of the subjects that your site covers, they can also show how popular the different subjects are.
Building-a-jQuery-Powered-Tag-Cloud.jpg
Source

3. AP Tags

AP Tags is a simple to use tagging component that adds the ability to quickly create tags using a single text box. This component is very similar to the tagging component used in WordPress, but is a completely custom component.
AP-Tags.jpg
Source

4. Jimpl Tag Cloud

A simple plugin to create tag cloud in your pages. It is based upon the jQuery framework. You just need to specify tag container and plugin will convert text from it to tag cloud. Easy to use and configure.
Jimpl-Tag-Cloud.jpg
Source

5. jQuery Tags Input

This plugin will turn your boring tag list into a magical input that turns each tag into a style-able object with its own delete link. The plugin handles all the data — your form just sees a comma-delimited list of tags.
jQuery-Tags-Input.jpg
Source

6. jQuery Quicktag

Quicktag is a tagging plugin for the jQuery JavaScript library.
jQuery-Quicktag.jpg
Source

7. tagTo jQuery Plugin

A jQuery plugin for tags handling, del.icio.us’ style.
tagto.jpg
Source

8. Hover Sub Tag Cloud

Using jQuery to reduce the size of the tag cloud that you have on your sites. A Sub Tag Cloud will appear when hovering over the main Tag links.
Hover-Sub-Tag-Cloud.jpg
Source

9. Tag-Cloud Using the Google Web Toolkit

It is a form of visualizing the difference in importance or activeness of some predefined categories based on how large they appear in the cloud.
Tag-Cloud-Using-the-Google-Web-Toolkit.jpg
Source

10. Ajax TagCloud

The idea is fit too much with the design of the website Pensaletes 3.0 by Fabio Mont Alegre, where the TagCloud is attached to the top and is loaded when someone hit the tab. The website is using Prototype and script.aculo.us in addition to various scripts.
Ajax-TagCloud.jpg
Source

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.