<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Commentaires sur : Coder les nuages de tags</title>
	<atom:link href="http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/</link>
	<description>The beauty in HTML code</description>
	<lastBuildDate>Thu, 02 Feb 2012 15:18:21 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<item>
		<title>Par : Frank Taillandier</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-329</link>
		<dc:creator>Frank Taillandier</dc:creator>
		<pubDate>Thu, 20 Nov 2008 11:20:30 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-329</guid>
		<description>&lt;p&gt;Petit retour sur &lt;a href=&quot;http://24ways.org/examples/marking-up-a-tag-cloud/example.html&quot; rel=&quot;nofollow&quot;&gt;l&#039;exemple final de l&#039;article de 24 ways&lt;/a&gt;, les mots-clés n&#039;étant pas ordonnés par importance, l&#039;utilisation de &lt;code&gt;&lt;ol&gt;&lt;/code&gt; est abusive, un simple &lt;code&gt;&lt;ul&gt;&lt;/code&gt; suffirait.&lt;/p&gt;

&lt;p&gt;L&#039;autre élément est qu&#039;on cache via CSS des informations consultatives supplémentaires qu&#039;on aurait pu mettre dans l&#039;attribut &lt;code&gt;title&lt;/code&gt; des liens.&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>Petit retour sur <a href="http://24ways.org/examples/marking-up-a-tag-cloud/example.html" rel="nofollow">l&#8217;exemple final de l&#8217;article de 24 ways</a>, les mots-clés n&#8217;étant pas ordonnés par importance, l&#8217;utilisation de <code>&lt;ol&gt;</code> est abusive, un simple <code>&lt;ul&gt;</code> suffirait.</p>

<p>L&#8217;autre élément est qu&#8217;on cache via CSS des informations consultatives supplémentaires qu&#8217;on aurait pu mettre dans l&#8217;attribut <code>title</code> des liens.</p>]]></content:encoded>
	</item>
	<item>
		<title>Par : Stéphane Deschamps</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-307</link>
		<dc:creator>Stéphane Deschamps</dc:creator>
		<pubDate>Tue, 18 Nov 2008 08:46:03 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-307</guid>
		<description>&lt;p&gt;STPo : les nuages de tags ont leur utilité, faut pas exagérer. En particulier, la &quot;classification à facettes&quot; semblait un genre d&#039;Eldorado inaccessible, et les nuages de tags sont une façon simple d&#039;y arriver.&lt;/p&gt;

&lt;p&gt;Cela dit, je ne m&#039;y suis pas encore mis. Il y a au fond de moi quelque chose de trop cartésien sans doute qui veut une structure rigide-et-pyramidale et qui s&#039;assortit mal de l&#039;impression souvent bordélique que laisse le nuage de tags.&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>STPo&#160;: les nuages de tags ont leur utilité, faut pas exagérer. En particulier, la &laquo;&nbsp;classification à facettes&nbsp;&raquo; semblait un genre d&#8217;Eldorado inaccessible, et les nuages de tags sont une façon simple d&#8217;y arriver.</p>

<p>Cela dit, je ne m&#8217;y suis pas encore mis. Il y a au fond de moi quelque chose de trop cartésien sans doute qui veut une structure rigide-et-pyramidale et qui s&#8217;assortit mal de l&#8217;impression souvent bordélique que laisse le nuage de tags.</p>]]></content:encoded>
	</item>
	<item>
		<title>Par : Vincent</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-300</link>
		<dc:creator>Vincent</dc:creator>
		<pubDate>Wed, 05 Nov 2008 22:10:41 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-300</guid>
		<description>&lt;p&gt;STPo à tout bon !&lt;/p&gt;

&lt;p&gt;Je cherche ma source (j&#039;avais pompé l&#039;idée sur le code d&#039;un grand monsieur anglophone) mais je ne retombe plus dessus. :(&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>STPo à tout bon&#160;!</p>

<p>Je cherche ma source (j&#8217;avais pompé l&#8217;idée sur le code d&#8217;un grand monsieur anglophone) mais je ne retombe plus dessus. <img src='http://www.htmlzengarden.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>]]></content:encoded>
	</item>
	<item>
		<title>Par : STPo</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-299</link>
		<dc:creator>STPo</dc:creator>
		<pubDate>Wed, 05 Nov 2008 22:01:56 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-299</guid>
		<description>&lt;p&gt;Steph &gt;&gt; Je pense que c&#039;est pour éviter le bug de rendu IE qui rajoute des espaces blancs entre les li en plus des marges internes/externes quand ces li sont en display:inline (tout ceci purement de mémoire, corrige-moi ami lecteur).&lt;/p&gt;

&lt;p&gt;Sinon, très intéressante remarque sur l&#039;importance donnée au gras ou à la couleur par rapport à la taille, je n&#039;avais jamais vu la chose sous cet angle. Du coup je ne sais plus trop quoi penser de ces balises honnies (small et big)... et vais probablement cesser de les utiliser. Je le faisais déjà peu, justement parce qu&#039;elles me semblaient plus liées à l&#039;impact visuel qu&#039;à la sémantique, et constituaient donc une hérésie au dogme de la séparation du fond et de la forme.&lt;/p&gt;

&lt;p&gt;Par ailleurs, mon avis sur les nuages de tags c&#039;est que saynul dans l&#039;ensemble !&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>Steph&#160;&#187; Je pense que c&#8217;est pour éviter le bug de rendu IE qui rajoute des espaces blancs entre les li en plus des marges internes/externes quand ces li sont en display:inline (tout ceci purement de mémoire, corrige-moi ami lecteur).</p>

<p>Sinon, très intéressante remarque sur l&#8217;importance donnée au gras ou à la couleur par rapport à la taille, je n&#8217;avais jamais vu la chose sous cet angle. Du coup je ne sais plus trop quoi penser de ces balises honnies (small et big)&#8230; et vais probablement cesser de les utiliser. Je le faisais déjà peu, justement parce qu&#8217;elles me semblaient plus liées à l&#8217;impact visuel qu&#8217;à la sémantique, et constituaient donc une hérésie au dogme de la séparation du fond et de la forme.</p>

<p>Par ailleurs, mon avis sur les nuages de tags c&#8217;est que saynul dans l&#8217;ensemble&#160;!</p>]]></content:encoded>
	</item>
	<item>
		<title>Par : Stéphane Deschamps</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-298</link>
		<dc:creator>Stéphane Deschamps</dc:creator>
		<pubDate>Wed, 05 Nov 2008 20:21:57 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-298</guid>
		<description>&lt;p&gt;Tiens Vincent une question sur ton exemple de départ : pourquoi tu as mis des &lt;code&gt;&lt;!-- --&gt;&lt;/code&gt; entre chaque ligne ? Je n&#039;avais jamais vu ça.&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>Tiens Vincent une question sur ton exemple de départ&#160;: pourquoi tu as mis des <code>&lt;!-- --&gt;</code> entre chaque ligne&#160;? Je n&#8217;avais jamais vu ça.</p>]]></content:encoded>
	</item>
	<item>
		<title>Par : Stéphane Deschamps</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-297</link>
		<dc:creator>Stéphane Deschamps</dc:creator>
		<pubDate>Wed, 05 Nov 2008 20:18:01 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-297</guid>
		<description>&lt;p&gt;Yves, je pense que tout bêtement &lt;code&gt;big&lt;/code&gt; et &lt;code&gt;small&lt;/code&gt; ont été créés au moment de la grosse frénésie du HTML &#039;visuel&#039;.&lt;/p&gt;

&lt;p&gt;Le fait qu&#039;on rationalise leur usage en dépréciant &lt;code&gt;big&lt;/code&gt; et en ajoutant à la spec que &lt;code&gt;small&lt;/code&gt; veut dire &lt;i&gt;small print&lt;/i&gt;, ce n&#039;est pas une mauvaise idée, loin de là.&lt;/p&gt;

&lt;p&gt;Exemple presque pas hypothétique : chez orange, l&#039;importance n&#039;est pas donnée par la taille mais par la couleur et la graisse (orange gras contre gris sombre fin).&lt;/p&gt;

&lt;p&gt;De même j&#039;ai tendance à considérer comme important un truc d&#039;une couleur plus marquée dans un pavé d&#039;une couleur moins marquée, noir contre gris par exemple (je suppose qu&#039;un théoricien cognitif nous expliquera un jour que ça procède du même phénomène que l&#039;interprétation du gras).&lt;/p&gt;

&lt;p&gt;Pareillement, dans une page manuscrite on repère les mots soulignés ou surlignés, et on n&#039;a pas pour habitude d&#039;écrire plus ou moins gros.&lt;/p&gt;

&lt;p&gt;On pourrait assez facilement finir par en déduire qu&#039;à part dans la seule convention très nouvelle du nuage de tag, donner une importance relative à des éléments en s&#039;appuyant sur la taille des caractères n&#039;est pas si fréquent que ça, et que donc le &quot;sémantisme&quot; de &lt;code&gt;big&lt;/code&gt;/&lt;code&gt;small&lt;/code&gt; tel qu&#039;il existait jusque-là en HTML est assez oiseux et ne servait au final qu&#039;à compenser les manques que les CSS ont depuis largement et bien plus précisément comblés.&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>Yves, je pense que tout bêtement <code>big</code> et <code>small</code> ont été créés au moment de la grosse frénésie du HTML &#8216;visuel&#8217;.</p>

<p>Le fait qu&#8217;on rationalise leur usage en dépréciant <code>big</code> et en ajoutant à la spec que <code>small</code> veut dire <i>small print</i>, ce n&#8217;est pas une mauvaise idée, loin de là.</p>

<p>Exemple presque pas hypothétique&#160;: chez orange, l&#8217;importance n&#8217;est pas donnée par la taille mais par la couleur et la graisse (orange gras contre gris sombre fin).</p>

<p>De même j&#8217;ai tendance à considérer comme important un truc d&#8217;une couleur plus marquée dans un pavé d&#8217;une couleur moins marquée, noir contre gris par exemple (je suppose qu&#8217;un théoricien cognitif nous expliquera un jour que ça procède du même phénomène que l&#8217;interprétation du gras).</p>

<p>Pareillement, dans une page manuscrite on repère les mots soulignés ou surlignés, et on n&#8217;a pas pour habitude d&#8217;écrire plus ou moins gros.</p>

<p>On pourrait assez facilement finir par en déduire qu&#8217;à part dans la seule convention très nouvelle du nuage de tag, donner une importance relative à des éléments en s&#8217;appuyant sur la taille des caractères n&#8217;est pas si fréquent que ça, et que donc le &laquo;&nbsp;sémantisme&nbsp;&raquo; de <code>big</code>/<code>small</code> tel qu&#8217;il existait jusque-là en HTML est assez oiseux et ne servait au final qu&#8217;à compenser les manques que les CSS ont depuis largement et bien plus précisément comblés.</p>]]></content:encoded>
	</item>
	<item>
		<title>Par : Yves Van Goethem</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-296</link>
		<dc:creator>Yves Van Goethem</dc:creator>
		<pubDate>Wed, 05 Nov 2008 11:06:56 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-296</guid>
		<description>&lt;p&gt;L&#039;utilisation de small et big m&#039;a toujours semblée flou.&lt;/p&gt;

&lt;p&gt;D&#039;une part on a la possibilité de définir des niveaux de titres (1-6) et d&#039;accentuer l&#039;importance de parties de textes grâce à em et strong.&lt;/p&gt;

&lt;p&gt;Le premier câs semble inutilisable dans ce contexte, et le deuxième nous limite à 3 possibilitées ... strong, em, em + strong , modifiable en CSS, mais ça n&#039;apporte aucun niveau supplémentaire visuellement sur un navigateur qui ne gère pas CSS.&lt;/p&gt;

&lt;p&gt;Donc big et small semblent remplir une fonction ... créer des niveaux &quot;sémantiques&quot; infinis dans le contexte donné peu importe le navigateur.&lt;/p&gt;

&lt;p&gt;Imaginons que certains robots ou lecteurs d&#039;écrans n&#039;y apporte pas plus d&#039;importances ... On pourrait mélanger big/small + strong/em ?&lt;/p&gt;

&lt;p&gt;Corrigez moi si je me trompe :)&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>L&#8217;utilisation de small et big m&#8217;a toujours semblée flou.</p>

<p>D&#8217;une part on a la possibilité de définir des niveaux de titres (1-6) et d&#8217;accentuer l&#8217;importance de parties de textes grâce à em et strong.</p>

<p>Le premier câs semble inutilisable dans ce contexte, et le deuxième nous limite à 3 possibilitées &#8230; strong, em, em + strong , modifiable en CSS, mais ça n&#8217;apporte aucun niveau supplémentaire visuellement sur un navigateur qui ne gère pas CSS.</p>

<p>Donc big et small semblent remplir une fonction &#8230; créer des niveaux &laquo;&nbsp;sémantiques&nbsp;&raquo; infinis dans le contexte donné peu importe le navigateur.</p>

<p>Imaginons que certains robots ou lecteurs d&#8217;écrans n&#8217;y apporte pas plus d&#8217;importances &#8230; On pourrait mélanger big/small + strong/em&#160;?</p>

<p>Corrigez moi si je me trompe <img src='http://www.htmlzengarden.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>]]></content:encoded>
	</item>
	<item>
		<title>Par : Stéphane Deschamps</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-293</link>
		<dc:creator>Stéphane Deschamps</dc:creator>
		<pubDate>Tue, 04 Nov 2008 14:54:48 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-293</guid>
		<description>&lt;p&gt;Frank : il faut ajouter un &lt;code&gt;rel=&quot;tag&quot;&lt;/code&gt; uniquement si ledit tag est en rapport avec la page en cours. J&#039;ai vu ça bien implémenté il y a quelques jours, mais impossible de savoir où.&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>Frank&#160;: il faut ajouter un <code>rel="tag"</code> uniquement si ledit tag est en rapport avec la page en cours. J&#8217;ai vu ça bien implémenté il y a quelques jours, mais impossible de savoir où.</p>]]></content:encoded>
	</item>
	<item>
		<title>Par : Frank Taillandier</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-291</link>
		<dc:creator>Frank Taillandier</dc:creator>
		<pubDate>Tue, 04 Nov 2008 14:43:25 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-291</guid>
		<description>&lt;p&gt;Pour info, l&#039;élément small ne disparait pas en HTML5 mais change de sens et représente désormais des petits caractères (pour des commentaires secondaires et des mentions légales) :&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;The small element represents small print (part of a document often describing legal restrictions, such as copyrights or other disadvantages), or other side comments.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href=&quot;http://24ways.org/examples/marking-up-a-tag-cloud/example.html&quot; rel=&quot;nofollow&quot;&gt;L&#039;exemple final de l&#039;article de 24ways&lt;/a&gt; utilise une liste à puce ordonnée et des noms de classe sémantiques (de peu-populaire à extremement-populaire par exemple). Pour ne pas perdre d&#039;information, le nombre d&#039;occurence du tag est ajouté dans le HTML et masqué par la feuille de style.&lt;/p&gt;

&lt;p&gt;Par contre je suis pas sûr de saisir s&#039;il faut ajouter ou pas un &lt;code&gt;rel=&quot;tag&quot;&lt;/code&gt; dans le nuage de tags pour y ajouter un microformat.&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>Pour info, l&#8217;élément small ne disparait pas en HTML5 mais change de sens et représente désormais des petits caractères (pour des commentaires secondaires et des mentions légales)&#160;:</p>

<blockquote>
  <p>The small element represents small print (part of a document often describing legal restrictions, such as copyrights or other disadvantages), or other side comments.</p>
</blockquote>

<p><a href="http://24ways.org/examples/marking-up-a-tag-cloud/example.html" rel="nofollow">L&#8217;exemple final de l&#8217;article de 24ways</a> utilise une liste à puce ordonnée et des noms de classe sémantiques (de peu-populaire à extremement-populaire par exemple). Pour ne pas perdre d&#8217;information, le nombre d&#8217;occurence du tag est ajouté dans le HTML et masqué par la feuille de style.</p>

<p>Par contre je suis pas sûr de saisir s&#8217;il faut ajouter ou pas un <code>rel="tag"</code> dans le nuage de tags pour y ajouter un microformat.</p>]]></content:encoded>
	</item>
	<item>
		<title>Par : Stéphane Deschamps</title>
		<link>http://www.htmlzengarden.com/2008/11/coder_les_nuages_de_tags/#comment-290</link>
		<dc:creator>Stéphane Deschamps</dc:creator>
		<pubDate>Tue, 04 Nov 2008 13:14:59 +0000</pubDate>
		<guid isPermaLink="false">http://www.htmlzengarden.com/?p=336#comment-290</guid>
		<description>&lt;p&gt;Il y a un moment, on s&#039;était interrogés avec Nicolas Hoizey sur les &lt;i&gt;tagclouds&lt;/i&gt;, et je serais assez pour utiliser effectivement &lt;code&gt;em&lt;/code&gt; et &lt;code&gt;strong&lt;/code&gt;, mais pas seulement, parce que la gradation n&#039;est pas assez &quot;précise&quot;.&lt;/p&gt;

&lt;p&gt;À l&#039;époque j&#039;avais suggéré qu&#039;on croise ça avec des tailles dans des &lt;code&gt;styles&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.nota-bene.org/experiments/tagcloud/index.htm&quot; rel=&quot;nofollow&quot;&gt;Voilà un exemple de &lt;i&gt;tagclouds&lt;/i&gt; sans styles, à part les tailles de polices&lt;/a&gt; (une &quot;preuve de concept&quot;, quoi)&lt;/p&gt;

&lt;p&gt;Ainsi :&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;on donne une information &#039;grossière&#039; en trois tranches, normal, &lt;code&gt;em&lt;/code&gt; et &lt;code&gt;strong&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;on donne une information plus précise qui va, par exemple, aller de &lt;code&gt;1em&lt;/code&gt; à &lt;code&gt;2em&lt;/code&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Un peu de javascript en plus pour permettre un tri (un peu sauvage, j&#039;en conviens) soit par ordre alphabétique, soit par ordre de grandeur.&lt;/p&gt;
</description>
		<content:encoded><![CDATA[<p>Il y a un moment, on s&#8217;était interrogés avec Nicolas Hoizey sur les <i>tagclouds</i>, et je serais assez pour utiliser effectivement <code>em</code> et <code>strong</code>, mais pas seulement, parce que la gradation n&#8217;est pas assez &laquo;&nbsp;précise&nbsp;&raquo;.</p>

<p>À l&#8217;époque j&#8217;avais suggéré qu&#8217;on croise ça avec des tailles dans des <code>styles</code>.</p>

<p><a href="http://www.nota-bene.org/experiments/tagcloud/index.htm" rel="nofollow">Voilà un exemple de <i>tagclouds</i> sans styles, à part les tailles de polices</a> (une &laquo;&nbsp;preuve de concept&nbsp;&raquo;, quoi)</p>

<p>Ainsi&#160;:</p>

<ol>
<li>on donne une information &#8216;grossière&#8217; en trois tranches, normal, <code>em</code> et <code>strong</code></li>
<li>on donne une information plus précise qui va, par exemple, aller de <code>1em</code> à <code>2em</code>.</li>
</ol>

<p>Un peu de javascript en plus pour permettre un tri (un peu sauvage, j&#8217;en conviens) soit par ordre alphabétique, soit par ordre de grandeur.</p>]]></content:encoded>
	</item>
</channel>
</rss>

