Tag Clouds Size calculation

I have implemented in the Website www.vsone.de a tag cloud for a new kind of session navigation. As part of web 2.0 tags are used to give a overview of the content. It does not replace the classic navigation. The tags are sized by some logic, matter usually based on the count of it.

The problem is how to size font of the tags.

 

sample Site pro/con
px style="font-size: 36px; Flickr

can not be scaled by user

% style="font-size: 129%;

 weblogs.asp.net

 canbe calculated by logic

em <em><em><em> technorati.com

Amount of html

em style="font-size: 1.77em www.vsone.de Mozilla issue
class class="CommonTag1" weblogs.asp.net behind uses % in css
xx-small size="xx-small"

 

If somebody have comments and additions : feel free!

 

Scott Guthrie have written some sample application.

Published Wednesday, November 22, 2006 8:29 AM by preishuber
Filed under: , ,

Comments

# re: Tag Clouds Size calculation

Wednesday, November 22, 2006 9:05 AM by Ciprian

Where is the tag cloud on that website?

# re: Tag Clouds Size calculation

Wednesday, November 22, 2006 9:10 AM by preishuber

Tag Cloud is in the gray area in the top of the page

# re: Tag Clouds Size calculation

Thursday, November 23, 2006 8:16 AM by Marcus

Create 10 CSS styles. TagWeighting1, TagWeighting2, TagWeighting3 etc... and when you are generating the HTML for the each tag simply put the correct style class against each tag.

EG:

<div class="TagList">

<span class="TagName TagWeighting8" title="5 items">

<a href="/tags/2006">2006</a></span>

<span class="TagName TagWeighting5" title="2 items">

<a href="/tags/alien">alien</a></span>

<span class="TagName TagWeighting3" title="1 item">

<a href="/tags/ambulance">ambulance</a></span>

<span class="TagName TagWeighting7" title="4 items">

<a href="/tags/animals">animals</a></span>

<span class="TagName TagWeighting6" title="3 items">

<a href="/tags/apple">apple</a></span>

</div>

# re: Tag Clouds Size calculation

Monday, November 26, 2007 2:29 PM by Sorlea

Not very intuitive placed if you'll ask me :(

Leave a Comment

(required) 
(required) 
(optional)
(required)