tagcloud-examples-fr

2008-12-20T03:31:58Z

RacboChide: ligetz

domgetrolc
Ceci est une page pour les exemples de '''Tagcloud''' ou nuages de mots-clÃ©s

==Voir aussi==
*[[tagcloud-brainstorming-fr]]

==Nom du site : flickr==
===url===
http://flickr.com/photos/tags/
===ModÃ¨les de nuages de tages===
Flickr a Ã la lois sont propre nuage de tags, qui a historiquement donnÃ© le modÃ¨les Ã la relative popularitÃ© des tags, ce qui veut dire, la frÃ©quence Ã laquelle un tag a Ã©tÃ© donnÃ© au total, tout comme les plus petits nuages de tags "hot tags", qui renvoient les tags les plus populaires dans une courte pÃ©riode de temps, respectivement en un jour et en une semaine.
===Photos Ã©crans===
[http://microformatique.com/images/hTagcloud/flickrmain.gif http://microformatique.com/images/hTagcloud/flickrmain.gif]

[http://microformatique.com/images/hTagcloud/flickrhot24.gif http://microformatique.com/images/hTagcloud/flickrhot24.gif]

[http://microformatique.com/images/hTagcloud/flickrhotweek.gif http://microformatique.com/images/hTagcloud/flickrhotweek.gif]
===Conventions de code===
Le code "hot tags" ressemble Ã Ã§a
<pre><table id="Recently">
<tr>
<td>
In the last 24 hours 
<a href="/photos/tags/pics2006/">pics2006</a>, 
<a href="/photos/tags/ubicomp2006/">ubicomp2006</a>, 
...

</td>
<td>
Over the last week 
<a href="/photos/tags/itunes7/">itunes7</a>, 
<a href="/photos/tags/futureofwebappssf06/">futureofwebappssf06</a>, 
</pre>
Le nuage principal de Flickr ressemble Ã Ã§a en HTML
<pre>
 <a href="/photos/tags/06/" style="font-size: 12px;">06</a> 
 <a href="/photos/tags/amsterdam/" style="font-size: 15px;">amsterdam</a> 
</pre>
===Notes===
# Les tags hots sont simplement des cellules dans un tableau avec l'id “recently”
# le nuage de tag convenable est un p avec l'id de “tagcloud” â ce qui permettrait un nuage de tags unique par page
# que les liens sont simplement des liens - malgrÃ© le fait que ce soit une liste de mots, triÃ©s par ordre alphabÃ©tique
# que le rank ou le poids ou la popularitÃ© du tag est visuellement crÃ©Ã© en utilisant un style dans la ligne et font-size
# Il existe au moins une dizaine de niveaux diffÃ©rents de popularitÃ©, difficile Ã dÃ©terminer sans un travail minutieux, parce qu'ils sont renvoyÃ©s en font-size dans les pixels.

==Nom du site : Technorati==
===url===
http://technorati.com/tags
===Tag cloud models===
Cette page affiche maintenant deux nuages de tags, appelÃ©s “heat maps” â l'une pour les tags les plus populaires durant la derniÃ¨re heure, et l'autre pour les 100 tags les plus populaires historiquement.
===Photos Ecrans===
[http://microformatique.com/images/hTagcloud/technloratimain.gif http://microformatique.com/images/hTagcloud/technloratimain.gif]

[http://microformatique.com/images/hTagcloud/technloratihot1hr.gif http://microformatique.com/images/hTagcloud/technloratihot1hr.gif]
===Conventions de Code ===
<pre><ul class="heatmap" id="smallheatmap">
<li><a href="/tag/Advertising">Advertising</a>
</li> <li>
<a href="/tag/Blogroll">Blogroll</a></li> </pre>
<pre><ul class="heatmap" id="bigheatmap">
<li><a href="/tag/Allgemein">Allgemein</a>
</li> </pre>
===Notes===

# chaque nuage de tags est de la classe “heatmap”, mais sont diffÃ©renciÃ©s par les ids “smallheatmap” (hot tags de la derniÃ¨re heure) et "largeheatmap" (les tags populaires historiquement)
# les tags sont dans une liste non ordonnÃ©e
# Innovativement, et trÃ¨s intelligemment, les Ã©lÃ©ments imbriquÃ©s em fournissent le “weight” ou “importance” d'un tag.
# Il n'est pas facile de dÃ©terminer combien de niveaux de poids de tags il y a, parce que je suis trop paresseux pour compter les Ã©lÃ©ments imbriquÃ©s.

==Nom du site : BBpress==
===url===
http://support.westciv.com
This is an example standard BBPress install. The PHP has been edited to make the font-sizing em based, and to constrain the font sizing to an upper and lower limit. This is done in the PHP.
===Tag cloud models===
As far as I can determine, the tagcloud shows the historically most popular tags, but given its labeling as “Hot tags” it may reflect the recent popularity of the the tags.
===Screenshots===
[http://microformatique.com/images/hTagcloud/bbpress.gif http://microformatique.com/images/hTagcloud/bbpress.gif]
===Code conventions===
<pre>
<a href='http://support.westciv.com/tags.php?tag=bbedit' title='2 topics'
style='font-size: 1.2em;'>BBEdit</a>
<a href='http://support.westciv.com/tags.php?tag=case_sensitive' title='1 topics'
style='font-size: 0.9em;'>case_sensitive</a>
</pre>
===Notes===

# the cloud is a paragraph of class “frontpageheatmap”
# tags are just links, not in a list
# the relative rank of a tag is shown by inline style, but also indicated by the title attribute on the link element. e.g. title=”1 topics”, title=”3 topics”
# It’s unclear from the example how many levels of tag weight or rank there are

==Nom du site: del.icio.us==
===url===
http://del.icio.us/tag/
===ModÃ¨les de nuages de tags===
The tag cloud shows a list of the most popular tags, presumably over time.
===Screenshots===
[http://microformatique.com/images/hTagcloud/deli.icio.us.gif http://microformatique.com/images/hTagcloud/deli.icio.us.gif]
===Code conventions===
<pre><div class="alphacloud">
<a href="/tag/.net" class="lr s2;">.net</a>
<a href="/tag/advertising" class="lb s1">advertising</a>
<a href="/tag/ajax" class=" s5">ajax</a>
</pre>
When the tags are chosen to be shown as a list in order of frequency, rather than alphabeticcally, the class name is “freqcloud”
===Notes===

# There are two kinds of cloud â an alphacloud which orders tags alpahbetically, and a freqcloud, which orders them by popularity
# The links are not in a list
# There is a root element with a class value, variously “alphacloud” and “freqcloud”
# The weight of a tag is given by a class value â s1 though s5, giving 5 levels of weight

==Nom du site : Zoomclouds==
===url===
http://zoomclouds.com/cloud/ZC_Blom/
===Tag cloud models===
Like most tag clouds, zoomclouds models the historical popularity of a tag.
===Screenshots===
Zoomclouds, more than most, utlize CSS to style their clouds.
[http://microformatique.com/images/hTagcloud/zoomclouds.gif http://microformatique.com/images/hTagcloud/zoomclouds.gif]
===Code conventions===
<pre><div class="zoomclouds">
<a href="http://www.zoomclouds.com/tag/ZC_Blom/asian+stocks"
onmouseout="zoomclouds_cs()" style="font-size: 12px;">asian stocks</a>
(39)
<a href="http://www.zoomclouds.com/tag/ZC_Blom/analysts"
style="font-size: 9px;">analysts</a>
(23)</pre>

# the root element is a div with a class value of “zoomclouds”
# the count of the tag is added as content after the tag name, with a class of zoomcloudswg.
# the weight of the tag is given by a font-size value, but also with a clas value of tagN, where N is an integer of 1â4 (at least in the example cited)

==Nom du site : Squidoo==
===url===
http://www.squidoo.com/browse/tag_cloud
===Tag cloud models===
Squidoo has three kinds of tag cloud â all ranking popularity. Hot tags, are those which are popular in the last 24 hours, recent tags are popular in the last week, and all time tags are the most popular tags over the life of squidoo
===Screenshots===
[http://microformatique.com/images/hTagcloud/squiddweek.gif http://microformatique.com/images/hTagcloud/squiddweek.gif]

[http://microformatique.com/images/hTagcloud/squidall.gif http://microformatique.com/images/hTagcloud/squidall.gif]

[http://microformatique.com/images/hTagcloud/squidoo24.gif http://microformatique.com/images/hTagcloud/squidoo24.gif]
===Code conventions===
<pre><div id="tagcloud24Display" class="tagcloud">
<a href="http://www.squidoo.com/tags/advertising" style="font-size:1em">advertising</a>
<a href="http://www.squidoo.com/tags/art" style="font-size:1.8em">art</a></pre>
<pre><div id="tagcloudWeekDisplay" class="tagcloud">
<a href="http://www.squidoo.com/tags/advertising" style="font-size:.8em">advertising</a>
<a href="http://www.squidoo.com/tags/art" style="font-size:2em">art</a></pre>
<pre><div id="tagcloudDisplay" class="tagcloud">
<a href="http://www.squidoo.com/tags/advertising" style="font-size:1.5em">advertising</a>
<a href="http://www.squidoo.com/tags/art" style="font-size:2.2em">art</a></pre>
===Notes===

# tag clouds all are divs with a class value of tagcloud
# the three are differentiated by id values, “tagcloud24Display”, “tagcloudWeekDisplay”, “tagcloudDisplay”
# weight is indicated by inline CSS “font-size” values
# there appear to be quite a significant number different weights, as indicated by different font-size values

==Nom du site : Web Connections==
===url===
http://connections.webdirections.org
===ModÃ¨les de tagclouds===
The tag cloud represents the popularity of tags historically
===Screenshots===
[http://microformatique.com/images/hTagcloud/webconnections.gif http://microformatique.com/images/hTagcloud/webconnections.gif]
===Code conventions===
<pre><div class="hTagcloud">
<ul class="popularity">
<li class="weight1"><a href="/tags/Access+Testing">Access Testing</a></li>
<li class="weight1"><a href="/tags/McFarlane+Prize">McFarlane Prize</a></li></pre>
===Notes===

# The root element is a div of class “hTagcloud”. Web connections front end developer Cameron Adams and I came up with this as a very early implementation of a potential proposal for a tagcloud microformat, and chose the name by analogy with hCard, etc.
# this contains an unordered list of class “popularity”. This allows for the extension to other class values for different kinds of cloud
# each tag is a list item, with a class value of “weightN” where n is an integer value of 1â5

Microformats Wiki - User contributions [en]

tagcloud-examples-fr