Microformats Wiki - User contributions [en]

event-consolidation-fr

2008-01-06T19:54:52Z

JeanChristopheCapelli: /* exemples */

<h1>consolidation événement</h1>
{{TOC-right}}
Tout comme la [[identity-consolidation-fr|consolidation d'identité]] résoud le problème de comment je connecte tous ces profils qui veulent tous dire "moi", la "consolidation d'événement" est une solution au problème de comment je connecte toutes ces représentations du même événement, à travers les blogs, les systèmes de publication d'événements, et peut-être même le site pour l'événement lui-même.

== énoncé du problème ==
Pourquoi je dois RSVP sur trois sites pour le même événement ?

Pourquoi je ne peux pas simplement RSVP une seule fois et faire que le RSVP soit reflété sur tous les autres systèmes ?

== exemples ==
Voici des exemples issus de la vraie vie. Ce sont des événements existants qui ont plusieurs représentations. Ils pourraient tirer un avantage de la consolidation d'événément.

=== laughing squid pre nye party 2007 ===
* [http://laughingsquid.com/laughing-squids-last-minute-unholiday-party/ Billet de blog de Scott]
** visible sans login
* [http://upcoming.yahoo.com/event/395300/ Upcoming]
** visible sans login
** marqué avec [[hcalendar-fr|hCalendar]] incluant un lien vers le billet de Scott.
* [http://pownce.com/laughingsquid/notes/1130070/ Pownce]
** visible sans login
** marqué avec [[hcalendar-fr|hCalendar]]
** notez le commentaire de Tara : "LOL. Replied in 3 places! I think we need an OpenID solution to these puppies!"
* [http://www.facebook.com/event.php?eid=19966532768 Facebook]
** requiert un login pour être visualisé

Dans ce cas, remarquez que Scott fait un lien provenant de chaque billet d'événement vers son billet de blog, qui ensuite lie vers tous les trois billets d'événements. Si Scott avait marqué l'événeent dans son billet de blog en utilisant hCalendar, (y compris tous les trois URLs billets d'événements), il serait théoriquement possible de RSVP à son billet de blog (en supposant que sont logiciel de blog support le RSVPing aux billets d'événements) et fare que le même code vous route vers l'autre système d'événement et fasse là le RSVP pour vous.

=== satsifactory cupcakes and cocktails 2007 ===
"the Satisfactory's first weekly "Cupcakes & Cocktails" happy hour"
* [http://pownce.com/monstro/notes/261632/ Pownce]
** requiert un login pour être visualisé
** marqué avec [[hcalendar-fr|hCalendar]]
** notez le commentaire de Lane : "bien trop d'endroits pour poster des événements de nos jours. besoin de quelque autre forme d'application pour relier tous les rsvps en un seul endroit."
* Facebook (URL inconnue)
* Upcoming (événement implicite par commentaire dans l'événement Pownce, URL inconnue)

Ceci fût peut-être la première instance où moi (Tantek) ait vu un appel pour la consolidation d'événement par le concept ("bien trop d'endroits pour poster des événements ... besoin ... de relier tous les rsvps en un seul endroit").

== brainstorming recettes==
Tout site qui permet à l'utilisateur de poster un événement devrait :
* (a) vous laisser poster une ou plusieurs URLs pour l'événément,
* (b) vous laisser choisir l'URL prioritaire pour l'événemnt,
* (c) publier l'info d'événement en [[hcalendar-fr|hCalendar]], incluant l'URL "primaire" sous une valeur de propriété <code>uid</code>.
* (d) supporter l'accès [[OAuth-fr|OAuth]] pour RSVP sur les événements à votre nom

Ceci permettrait à tout site d'événement (ou peut-être à une application-bureau de calendrier fûtée) de RSVP pour vous sur de tels sites.
== lazyweb ==
Nous avons besoin de plugins de postage d'événements/RSVPings pour les outils de blogs :
* Wordpress
* MovableType
* ... etc.

Un plugin de postage d'événement ferait simplement :

# ajouter simplement quelques champs supplémentaires (voir les différences sur les manières dont [http://pownce.com Pownce] vous laisse poster une note simple vs une note événement) pour laisser les utilisateurs poster facilement l'info concernant un événement, y compris les URLs vers les représentations de l'événement sur tous les autres sites de publications d'événements.
# publier l'information dans un billet de blog sur votre blog avec hCalendar (et liens de téléchargement/abonnement en utilisant le [http://feeds.technorati.com/events/ service Technorati de Fil d'Evénements]).
# modifier l'interface-utilisateur de commentaire sur de tels billets d'événements pour y ajouter un champ "RSVP" (à nouveau, remarquez comment Pownce produit les commentaires sur les notes d'événement comparé aux simples notes).
# le fait que le système de commentaire connaisse votre URL (soit via le formulaire, abonnement/importation de [[hcard-fr|hCard]] et/ou [[OpenID-fr|OpenID]]), il peut récupérer votre [[identity-consolidation-fr|consolidation d'identité]] provenant de cette URL (par ex. votre liste d'"Autres Profils" sur votre profil Pownce) et aller vers ces systèmes qui sont parmi l'ensemble des autres sites de postage d'événements notés dans l'étape 1, obtenir un accès via [[OAuth-fr|OAuth]], et RSVP pour vous sur vos comptes sur ces autres systèmes.
# si vous mettez à jour votre RSVP, le plugin devrait tout aussi bien propager cette mise à jour vers les autres systèmes.

== soutien ==
Ce dont nous avons besoin pour les sites d'événements existants.
=== facebook ===
Démarrons avec le support svp de hCalendar sur les billets d'événements plus la possibilité de publier des évènements publiquement afin que les services puissent produire de la consolidation d'événements sans être obligés d'implémenter des protocoles supplémentaires. Ajoutez à cela le support OAuth pour les événements privés.

=== pownce ===
Pownce est génial parce qu'il supporte déjà [[hcalendar-fr|hCalendar]] et autorise les événements publics !
Mais Pownce serait encore plus génial s'il pouvait :
* (a) vous laisser poster une ou plusieurs URLs pour l'événement
* (b) vous laisser choisir l'URL "primaire" pour l'événement
* (c) publier l'URL "primaire" sous une "uid" dans le [[hcalendar-fr|hCalendar]] pour l'événement
* (d) supporter l'accès [[OAuth-fr|OAuth]] pour le RSVP vers les événements en votre nom

=== upcoming ===
Upcoming est génial car il supporte déjà [[hcalendar-fr|hCalendar]] et publie par défaut des événements publics !
Mais upcoming serait encore plus génial s'il pouvait :
* (a) vous laisser poster une ou plusieurs URLs pour l'événement
* (b) vous laisser choisir l'URL "primaire" pour l'événement
* (c) publier l'URL "primaire" sous une "uid" dans le [[hcalendar-fr|hCalendar]] pour l'événement
* (d) supporter l'accès [[OAuth-fr|OAuth]] pour le RSVP vers les événements en votre nom

== défis ==
* '''événements privés'''. Comment consolidez-vous les évènements complètement privés ? En imaginant même plusieurs représentations d'événements, chacun ayant des URLs qui pointent chacune vers les les autres, quels sont les types de protocoles dont aurions besoin à la fois par les sites eux-mêmes pour pour une consolidation avec l(es) autre(s) site(s) ? Quels protocoles supplémentaires (s'ils existent) sont requis pour un site tiers (ou une application de bureau) pour consolider les évènements entre les sites d'évènements ?

== voir aussi==
* [[hcalendar-fr|hCalendar]]
* [[identity-consolidation-fr|consolidation-identité]]
* [[OAuth-fr|OAuth]]

event-consolidation-fr

2007-12-30T15:06:36Z

JeanChristopheCapelli: Traduction "rocks"

<h1>consolidation événement</h1>
{{TOC-right}}
Tout comme la [[identity-consolidation-fr|consolidation d'identité]] résoud le problème de comment je connecte tous ces profils qui veulent tous dire "moi", la "consolidation d'événement" est une solution au problème de comment je connecte toutes ces représentations du même événement, à travers les blogs, les systèmes de publication d'événements, et peut-être même le site pour l'événement lui-même.

Ou pour le dire simplement d'une autre façon, pourquoi je dois RSVP sur trois sites pour le même événement ? Pourquoi ne puis-je pas simplement RSVP une fois et une seule fois et faire que le RSVP soit reflété sur tous les autres systèmes ?

== exemples ==
Ce sont des exemples du vrai monde d'événements existants avec plusieurs représentations qui pourraient tirer un avantage de la consolidation d'événément.

=== laughing squid pre nye party 2007 ===
* [http://laughingsquid.com/laughing-squids-last-minute-unholiday-party/ Billet de blog de Scott]
** visible sans login
* [http://upcoming.yahoo.com/event/395300/ Upcoming]
** visible sans login
** marqué avec [[hcalendar-fr|hCalendar]] incluant un lien vers le billet de Scott.
* [http://pownce.com/laughingsquid/notes/1130070/ Pownce]
** visible sans login
** marqué avec [[hcalendar-fr|hCalendar]]
** notez le commentaire de Tara : "LOL. Replied in 3 places! I think we need an OpenID solution to these puppies!"
* [http://www.facebook.com/event.php?eid=19966532768 Facebook]
** requiert un login pour être visualisé

Dans ce cas, remarquez que Scott fait un lien provenant de chaque billet d'événement vers son billet de blog, qui ensuite lie vers tous les trois billets d'événements. Si Scott avait marqué l'événeent dans son billet de blog en utilisant hCalendar, (y compris tous les trois URLs billets d'événements), il serait théoriquement possible de RSVP à son billet de blog (en supposant que sont logiciel de blog support le RSVPing aux billets d'événements) et fare que le même code vous route vers l'autre système d'événement et fasse là le RSVP pour vous.

=== satsifactory cupcakes and cocktails 2007 ===
"the Satisfactory's first weekly "Cupcakes & Cocktails" happy hour"
* [http://pownce.com/monstro/notes/261632/ Pownce]
** requier un login pour être visualisé
** marqué avec [[hcalendar-fr|hCalendar]]
** notez le commentaire de Lane : "bien trop d'endroits pour poster des événements de nos jours. besoin de quelque autre forme d'application pour relier tous les rsvps en un seul endroit."
* Facebook (URL inconnue)
* Upcoming (événement implicite par commentaire dans l'événement Pownce, URL inconnue)

Ceci fût peut-être la première instance où moi (Tantek) ait vu un appel pour la consolidation d'événement par le concept ("bien trop d'endroits pour poster des événements ... besoin ... de relier tous les rsvps en un seul endroit").

== brainstorming recettes==
Tout site qui permet à l'utilisateur de poster un événement devrait :
* (a) vous laisser poster une ou plusieurs URLs pour l'événément,
* (b) vous laisser choisir l'URL prioritaire pour l'événemnt,
* (c) publier l'info d'événement en [[hcalendar-fr|hCalendar]], incluant l'URL "primaire" sous une valeur de propriété <code>uid</code>.
* (d) supporter l'accès [[OAuth-fr|OAuth]] pour RSVP sur les événements à votre nom

Ceci permettrait à tout site d'événement (ou peut-être à une application-bureau de calendrier fûtée) de RSVP pour vous sur de tels sites.
== lazyweb ==
Nous avons besoin de plugins de postage d'événement/RSVPings pour les outils de blogs :
* Wordpress
* MovableType
* ... etc.

Un plugin de postage d'événement ferait simplement :

# ajouter simplement quelques champs supplémentaires (voir les différences sur les manières dont [http://pownce.com Pownce] vous laisse poster une note simple vs une note événement) pour laisser les utilisateurs poster facilement l'info concernant un événement, y compris les URLs vers les représentations de l'événement sur tous les autres sites de postage d'événements.
# publier l'information dans un billet de blog sur votre blog avec hCalendar (et liens de téléchargement/abonnement en utilisant le [http://feeds.technorati.com/events/ service Technorati de Fil d'Evénements]).
# modifier l'interface-utilisateur de commentaire sur de tels billets d'événements pour y ajouter un champ "RSVP" (à nouveau, remarquez comment Pownce produit les commentaires sur les notes d'événement comparé aux simples notes).
# le fait que le système de commentaire connaisse votre URL (soit via le formulaire, abonnement/importation de [[hcard-fr|hCard]] et/ou [[OpenID-fr|OpenID]]), il peut récupérer votre [[identity-consolidation-fr|consolidation d'identité]] provenant de cette URL (par ex. votre liste d'"Autres Profils" sur votre profil Pownce) et aller vers ces systèmes qui sont parmi l'ensemble des autres sites de postage d'événements notés dans l'étape 1, obtenir un accès via [[OAuth-fr|OAuth]], et RSVP pour vous sur vos comptes sur ces autres systèmes.
# si vous mettez à jour votre RSVP, le plugin devrait tout aussi bien propager cette mise à jour vers les autres systèmes.

== soutien ==
Ce dont nous avons besoin pour les sites d'événements existants.
=== facebook ===
Démarrons avec le support svp de hCalendar sur les billets d'événements plus la possibilité de publier des évènements publiquement afin que les services puissent produire de la consolidation d'événements sans être obligés d'implémenter des protocoles supplémentaires. Ajoutez à cela le support OAuth pour les événements privés.

=== pownce ===
Pownce est génial parce qu'il supporte déjà [[hcalendar-fr|hCalendar]] et autorise les événements publics !
Mais Pownce serait encore plus génial s'il pouvait :
* (a) vous laisser poster une ou plusieurs URLs pour l'événement
* (b) vous laisser choisir l'URL "primaire" pour l'événement
* (c) publier l'URL "primaire" sous une "uid" dans le [[hcalendar-fr|hCalendar]] pour l'événement
* (d) supporter l'accès [[OAuth-fr|OAuth]] pour le RSVP vers les événements en votre nom

=== upcoming ===
Upcoming est génial car il supporte déjà [[hcalendar-fr|hCalendar]] et publie par défaut des événements publics !
Mais upcoming serait encore plus génial s'il pouvait :
* (a) vous laisser poster une ou plusieurs URLs pour l'événement
* (b) vous laisser choisir l'URL "primaire" pour l'événement
* (c) publier l'URL "primaire" sous une "uid" dans le [[hcalendar-fr|hCalendar]] pour l'événement
* (d) supporter l'accès [[OAuth-fr|OAuth]] pour le RSVP vers les événements en votre nom

== voir aussi==
* [[hcalendar-fr|hCalendar]]
* [[identity-consolidation-fr|identity-consolidation]]
* [[OAuth-fr|OAuth]]

get-started-fr

2007-12-01T19:53:11Z

JeanChristopheCapelli:

<div style="float:right;margin-left:1em">__TOC__</div>

<h1>Commencez !</h1>

Commencez par ajouter le support des microformats à votre site web, vos services et vos produits.

== introduction ==
Les microformats sont fondés sur des simples conventions de marquage qui vous permettent d'ajouter une structure ayant un sens à votre contenu web.

L'un des [[principles-fr|principes]]-clés des microformats, est de privilégier le contenu [[humans-first-fr|lisible par les humains]]. Ceci veut dire que vous devriez d'abord réfléchir et avant tout à ce que votre design de contenu soit lisible et accessible pour les visualiseurs web. Utiliser [[semantic-xhtml-fr|éléments HTML les plus appropriés]] et appliquer des [[semantic-class-names-fr|noms de classes]] structurés à votre balisage vous permet de produire du contenu qui peut être clairement compris par un public humain et aussi utilisé de façon structuré par les programmes automatisés et autres outils en ligne. Mais l'objectif est que vous ne devriez pas avoir à sortir de votre chemin pour produire un tel marquage reconnu par les machines - les microformats font qu'il est facile d'intégrer ce plus haut niveau de structure à l'intérieur de vos sites web, sans avoir la charge de devoir apprendre de nouveaux langages ou formats.

Le meilleur moyen de comprendre les microformats est de commencer à les utiliser dès maintenant. Parce qu'ils sont embarqués dans le HTML ordinaire, vous pouvez prendre des pages existantes et ajouter ces noms de classes structurés à votre balisage. Mais il est recommandé qu'en faisant ainsi, vous regardiez de près l'ensemble de la structure de balises que vous utilisez - peut-être qu'il existe un meilleur moyen de dire ce que vous entendez par l'utilisation de balises HTML basiques.

Beaucoup de types de contenus communs peuvent être marqués avec des microformats. Les microformats sont conçus pour être similaires aux styles de marquage. Il y a des chances que vous en ayez déjà sur votre site. Commencez avec les plus évidents. Par exemple un endroit simple et très populaire pour démarrer est [[hcard-fr|hCard]] - un microformat pour afficher vos détails de contact personnels et de votre organisation. Vous pouvez penser à [[hcard-fr|hCard]] comme un moyen d'embarquer des mini-cartes de visite dans les pages web, mais en regardant plus précisément les [[hcard-examples-fr|exemples]] montrent bien plus de possibilités que cela. Voici quelques lieux spécifiques pour commencer à utiliser les microformats dès aujourd'hui :

== vous-même ==
=== votre site web ===
Si vous disposez de votre propre site web, lisez [[hcard-authoring-fr|hCard-publication]] pour les astuces et lignes de conduite sur la manière de mieux marquer le contenu existant avec hCard et jetez un oeil aux [[hcard-examples-fr|exemples-hcard]], puis
* ajoutez une [[hcard-fr|hCard]] à votre page d'information de contact avec un lien "Ajouter au carnet d'adresses"
* ajoutez des hCard+[[xfn-fr|XFN]] à votre liste d'amis ou votre blog-roll
* ajoutez votre site web et votre page de contact à la page [[hcard-examples-in-wild-fr|hCard-exemples-dans-la-jungle]].

=== votre blog ===
Si vous avez un blog :
* ajoutez [[hatom-fr|hAtom]] à vos pages de blog
* ajoutez votre blog à la page [[hatom-examples-in-wild-fr|hAtom-exemples-dans-la-jungle]].

== votre organisation ==
=== site web ===
==== information de Contact ====
* '''Information de Contact.''' Toute société ou organisation a une page contact ou "à propos" de quelque sorte sur son site web. Lisez [[hcard-authoring-fr|hcard-publication]] et ajoutez une ou plusieurs [[hcard-fr|hCard(s)]] aux pages contact/à propos accompagnées de liens "Ajouter au carnet d'adresses" pour chacune des hCards.
* '''Annuaires de collaborateurs.''' Si votre société a une page listant les collaborateurs ou autres qui appartiennent à l'organisation, ajoutez [[hcard-fr|hCard]] aux listes ou aux résultats de recherche.
* ajoutez ces pages avec des hCards à la page [[hcard-examples-in-wild-fr|hcard-exemples-dans-la-jungle]].

==== événements ====
Utilisez hCalendar à tous les endroits sur le site web qui publie de l'information en rapport avec un événement.

===== histoire =====
Si votre organisation publie son historique, marquez les événements avec hCalendar, fournissant de ce fait à quiconque la possibilité de construire une application dynamique de "time-line" avec votre historique.

=== produits ===
Votre société produit n'importe quel produit qui génèrent du HTML ?

* Assurez-vous que de tels produits génèrent du [[posh-fr|CHIC]] et chaque fois que c'est possible, les microformats appropriés.
* Puis ajoutez ces produits à la page [[implementations-fr|implémentations]].

=== entreprise ===
Vous réfléchissez à la manière d'utiliser les microformats dans un scénario d'entreprise ?

Toute publication d'information sur les personnes, événements, critiques, etc. pourrait tirer profit d'être balisée respectivement avec hCard, hCalendar, et hReview.

== autres contenus ==
* Avez-vous une licence explicite de copyright sur votre contenu ? Si oui, marquez le lien vers votre licence avec [[rel-license-fr|rel-license]].
* Vous publiez de l'info de réseau social / relations ? Si oui, marquez cela avec [http://gmpg.org/xfn/ XFN].
* Vous taguez des choses ? Utilisez alors [[rel-tag-fr|rel-tag]] (pour vos propres trucs) ou [[xfolk-fr|xFolk]] (pour taguer n'importe quelle URL).
* Vous publiez des listes ou des structures de schémas ? Utilisez alors [[xoxo-fr|XOXO]].
* Vous publiez des critiques ? Utilisez alors [[hreview-fr|hReview]].
** Démarrez avec [http://microformats.org/code/hreview/creator hReview creator].
* Vous publiez des communiqués de presse ? Utilisez alors [[hatom-fr|hAtom]].

== quoi ensuite ==
Une fois que vous avez ajouté le support des microformats à votre site web et aidé votre société et organisation à faire ainsi :
* [[advocacy-fr|Soutenez]] l'utilisation et le support des microformats sur d'autres sites.

Et voici encore quelques trucs :
* Essayez de produire du xhtml propre, sémantique. Souvent ceci vous rapprochera de très près des microformats.
** [http://tantek.com/log/2004/07.html#classmeaningnotshow Class for meaning not for show]
** http://microformats.org/wiki/SemanticXHTMLDesignPrinciples-fr
** [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML]
** [http://tantek.com/presentations/2005/03/elementsofxhtml Meaningful XHTML]
** [http://www.elanceur.org/microformats/slides/semantiquevraimonde.html Sémantique du Vrai Monde]

== voir aussi ==
* [[advocacy-fr|soutien]]
* [[spread-microformats-fr|propagez les microformats]]

xfn-implementations-fr

2007-12-01T18:57:37Z

JeanChristopheCapelli: /* équivalence identité rel me */

<h1> XFN Implementations </h1>
{{TOC-right}}

En plus de la page des [http://gmpg.org/xfn/tools Outils XFN], voici quelques implémentations plus récentes :

== nouvelles implémentations ==
Les implémentations suivantes ont été développées et génèrent ou parsent [http://gmpg.org/xfn les liens de relations XFN]. Si vous avez une implémentation XFN, sentez-vous libre de l'ajouter en haut de cette liste.

* [http://odeo.com ODEO] [http://odeo.com/blog/2005/07/adding-microformats-to-odeo.html publie] un <code>rel="contact"</code> pour les contacts d'un utilisateur sur sa page de profil.
* [http://wiki.www.videntity.org/wiki/Social_Networking_Unlimited Videntity supporte XFN].
* [http://www.zaadz.com Zaadz] uses [[hcard|hCard]] and [http://gmpg.org/xfn XFN] pour les amis sur la page profil d'un utilisateur.
* [http://tagalag.com Tagalag] Tagalag [http://tagalag.com/tools.html#xfn supporte] un vocabulaire XFN partiel.

== flux de mises à jour et pingers==
* [http://updates.elsewhere.im/ SixApart Relationship Update Stream] - lancé le 2007-10-19

== authoring publishing ==
Les outils suivants, plugins et extensions permettent aux auteurs de créer facilement et publier des liens XFN :
* [http://icite.net/develop/software.html#ll4blojsom LL4blojsom] est le plugin LinkList pour le moteur de blog [http://blojsom.sf.net blojsom]. blojsom, écrit en Java, est l'application open source derrière le Serveur Tiger Weblog qui fait partie du serveur OS X. Le plugin LL4blojsom est utilisé pour créer des blogrolls.
* [http://www.zachinglis.com/projects/xfn-rel-creator/ XFN rel Creator] Ce script remplace n'importe quels liens dans les tags désignés et les remplace par une réprésentation visuelle des liens. Réglé par défaut comme des "abbrevations" mais avec CSS il est facile de les remplacer par des images.
* [http://www.wordpress.org/ WordPress] a un support intégré XFN dans sa fonction Link Manager, qui est utilisée pour générer les blogrolls. Quand on est dans l'interface administrateur, choisissez l'item du menu au niveau le plus haut, puis choisissez Add Link. Le formulaire de lien vous laisse choisir quelles propriétés XFN vous souhaitez pour le lien. Au moment d'afficher les liens sur le site via n'importe quel tags standards de gabarit WordPress, il le formatera automatiquement avec les tags appropriés dans l'attribut rel. (basé sur le [http://gmpg.org/xfn/creator XFN Creator])
* [http://www.communityserver.org/ Community Server] a un support XFN dans sa "blog Link Lists". Il vous permet de sélectionner quel(s) tag(s) XFN utiliser pour chaque lien.
* [http://www.webstandards.org/action/dwtf/microformats/ La suite Dreamweaver Extension] du [http://webstandards.org/ Projet Web Standards] permet la publication de liens XFN dans Dreamweaver 8.
* [http://placenamehere.com/TXP/pnh_mf/ pnh_mf] est un plugin pour [http://textpattern.com/ Textpattern] qui supporte l'embarquement de XFN et d'autres microformats dans les gabarits et billets de blogs. Ecrit par [http://placenamehere.com/ Chris Casciano].

== Listes d'amis ==
Bon nombre de services supportent à la fois les listes d'amis et même mieux des listes d'amis XFN + [[hcard-fr|hCard]].
* voir [[hcard-xfn-friends-lists-fr|listes d'amis hCard+XFN]].
En évaluation
* [http://meetlisten.com MeetListen] supporte maintenant [http://gmpg.org/xfn XFN] sur les pages de profils. (par ex. [http://meetlisten.com/home/friends.php?id=6 MAKACOW-Brazil's] (un login peut être requis).

== équivalence identité rel me ==
* Le [http://wordpress.org/extend/plugins/yadis/ plugin YADIS] supporte les liens de délégation OpenID qui sont aussi des liens compatibles XFN rel-me.
* [http://ma.gnolia.com/ Ma.gnolia] [http://ma.gnolia.com/blog/2006/08/21/a-microadvance-in-our-microformats supporte rel=me]
* [http://wink.com Wink] supporte rel-me (voir [http://wink.com/beach--profile])
** '''sous-optimal''' : utilise "nofollow me" là où il devrait simplement utiliser "me". L'information de profil saisie par l'utilisateur est la première partie, pas une partie tiers, et de ce fait ne devrait pas être étiquetée avec [[rel-nofollow-fr|rel-nofollow]].

== validateurs ==
* [http://tools.microformatic.com/help/xhtml/rel-lint/ rel-lint] par [[User:DrewMcLellan|Drew McLellan]] validera l'existence d'attributs XFN.

== visualiseurs et navigateurs ==
* Exemple de [http://services.alphaworks.ibm.com/manyeyes/view/SNnqRHsOtha6i5-m6iGTH2- visualisation XFN] sur Many Eyes d'IBM
* [http://xfngraph.sourceforge.net XFN Graph] — un outil multi-plateformes basé sur Java qui crée des diagrammes en arbre des relations XFN pour toute URL donnée.
* [http://xfnroll.new-bamboo.co.uk/people/popular XFNRoller] (va devenir lifestalker.com) spider XFN et navigateur concentré sur l'utilisation des blogs pour représenter les individus. Exporte un OPML de fils pour les listes tels que les 10 personnes les plus populaires.

== recherche ==
* [http://xfnsearch.joshpeek.com/ XFN Search] (semble requérir un login HTTP-authentication)

== Voir aussi ==
* [[xfn-fr|xfn]]
* [[xfn-hcard-supporting-friends-lists|Listes d'amis supportant XFN+hCard]]
* [[xfn-wants-fr|xfn-désirs]]
* [http://www.centralityjournal.com/archives/xfn_bottomup_social_networks.html XFN:bottom-up Social Networks par Stowe Boyd]

posh-fr

2007-12-01T18:41:29Z

JeanChristopheCapelli: /* Blogs CHIC */

{{TOC-right}}
<h1>Code HTML Intrinsèquement Classe (CHIC)</h1>
Bienvenue sur la page d'accueil du <abbr title="Plain Old Semantic HTML">POSH</abbr>. En français, vous commencerez à entendre parler de <abbr title="Code HTML Intrinsèquement Classe">CHIC</abbr>. Rien n'est encore définitif, vos suggestions et revendications peuvent être encore [http://jyte.com/cl/en-fran%C3%A7ais-posh-se-traduit-par-chic discutées].

== Origines ==
L'acronyme '''POSH''' a été inventé [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 le 6 avril 2007] sur le canal IRC des microformats, par <kwijibo> pour désigner une abréviation raccourcie de [[plain-old-semantic-html-fr|plain-old-semantic-html]].
Une discussion partagée par John Allsopp, Tantek Çelik, Jeremy Keith et Chris Messina
lors du [[events/2007-04-18-web-2-expo-dinner|Dîner Microformats du 18 avril 2007 faisant suite à l'Expo Web 2.0]] a fait renaître l'idée du POSH et l'importance de promouvoir l'objectif plus large de POSH, quels sont les microformats qui en sont originaires et en sont un propre sous-ensemble. Pour en savoir plus voir [[posh-fr#Historique|Historique]].

== Pourquoi POSH est traduit en CHIC ==
Le terme [[semantic-html-fr|html sémantique]] peut intimider par sa longueur et donne une fausse mauvaise impression de sa simplicité, de sa bonne adoption par les designers web modernes, et les avantages qu'il possède vont bien au delà de développer pour le web comme il faut en utilisant un balisage sémantique. Nous avons besoin d'un terme court et facile à retenir qui capte l'essence du concept, et soit facile à conjuguer. CHIC a été proposé par Kevin Marks et la déclinaison de l'acronyme '''C'''ode '''H'''TML '''I'''ntrinsèquement '''C'''lasse proposée par Stéphane Gigandet colle bien au sens du 'POSH'.

== Quoi ==
Le CHIC regroupe les meilleures pratiques d'utilisation du [[semantic-html-fr|HTML sémantique]] pour publier des pages web. Le HTML sémantique est le sous-ensemble des éléments et attributs du HTML 4.01 (ou du XHTML 1.0) qui sont ''[[semantic-fr|sémantiques]]'' plutôt que ''[[présentationnels]]''. La meilleure façon d'apprendre et de comprendre CHIC est de le mettre en oeuvre. Prenez une page sur votre site web pour démarrer et appliquez-lui la [[posh-fr#La_Checklist_CHIC|Checklist CHIC]]. Continuez avec le [[posh-fr#Le_Processus_CHIC|Processus CHIC]]. Lisez les [[posh-fr#Ressources|Ressources CHIC]] pour en savoir encore plus à propos de CHIC.

== Le processus du CHIC ==
Que pouvez-vous faire pour être CHIC et faire que vos sites web soient CHICs ?
# Publier du contenu CHIC. Lire les [[posh-fr#Ressources|ressources]] posh et vous assurer que votre site web publie du [[semantic-xhtml-fr|(X)HTML sémantique]] valide et utilise des [[semantic-class-names-fr|noms de classes sémantiques]] en rapport.
# Répandre le CHIC. Encourager les autres à être CHIC et à CHICquifier leurs sites web en faisant un lien vers cette page.
# Améliorer le CHIC. Nous aider à assembler des ressources pour permettre à plus de personnes de POSHifier facilement leurs sites web.

== La Checklist CHIC ==
* La première règle de CHIC est que vous devez [http://validator.w3.org valider] votre CHIC.
* Deuxièmement, laissez tomber l'usage des TABLES utilisées purement à des fins de présentation, les GIFs d'espacement et le [[presentational-html-fr|html de présentation]] en général.
* Puis, réparez votre syntaxe [http://tantek.com/log/2002/10.html#L20021022t1432 '''B'''ed and '''B'''reakfast].
* Eliminez les [http://tantek.com/log/2002/11.html#L20021128t1352 Ancres Anorexiques].
* Utilisez de bons [[semantic-class-names-fr|noms de classes sémantiques]].
* ...

== Ressources ==
=== Tutoriels CHICs ===
Etape par étape, les tutoriels pour créer du contenu CHIC ou comment mettre à jour du contenu existant vers CHIC.

* [http://xtof.livejournal.com/14428.html validez votre css et html] Un guide simple étape par étape sur la manière et les raisons pour lesquelles vous devriez valider votre syntaxe
* [http://www.w3schools.com/ Retournez à l'école] W3C Schools le couteau suisse des tutoriels CHIC (en)
* ...

=== Signets CHICs ===
* Regardez le [http://ma.gnolia.com/groups/posh Groupe POSH] sur Ma.gnolia
* Regardez les pages taguées [http://del.icio.us/tag/posh+microformats POSH et microformats] sur del.icio.us.

=== Présentations CHICs ===
Les présentations qui expliquent et encouragent les concepts et techniques pour l'utilisation du HTML sémantique.
Si/Quand cette section sera trop importante, nous pourrons la migrer sur [[posh-presentations-fr|présentations-chic]].
* [http://www.elanceur.org/microformats/slides/CSSEntrelesFeuillesdeStyl.html CSS : Entre les Feuilles de Style par Tantek Çelik (2003-03)] (traduite en français). Voir spécifiquement les dias 3-4,6 démarrant par "Abandonner les [http://tantek.com/log/2002/10.html#L20021022t1432 <B>ed & <BR>eakfast]", et la dia 9 "CSS & le Spectre Sémantique" qui fournit un aperçu du spectre sémantique des balises (X)HTML.
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics] (2004-02-11) - [http://www.elanceur.org/microformats/slides/semantiquevraimonde.html traduction en cours en français ici]
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML: Can your website be your API? - Using semantic XHTML to show what you mean] (2004-09-28)
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ The Elements of Meaningful XHTML] (2005-09-29, first version: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 at SXSW Interactive]).
* ...
* Voir aussi les [[presentations-fr|présentations]] microformats en général.

=== Les Livres CHIC ===
Les livres de design web moderne qui documentent de bonnes pratiques html sémantique.
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> by <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span>
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> de <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Le Chapitre 3 est un aperçu général et pratique de l'utilisation appropriée du HTML sémantique valide et structuré.
* <cite>[http://htmlmastery.com/ http://htmlmastery.com/images/hm-cover-sm.gif][http://htmlmastery.com/ Semantics, Standards and Styling]</cite> par <span class="vcard"><span class="url fn n"><span class="given-name">Paul</span> <span class="family-name">Haine</span>.</span></span>
* <cite>[http://www.sitepoint.com/books/html1/ http://www.sitepoint.com/images/books/html1/books-index.gif][http://www.sitepoint.com/books/html1/ Build Your Own Web Site The Right Way Using HTML & CSS]</cite> par <span class="vcard"><span class="url fn n"><span class="given-name">Ian</span> <span class="family-name">Lloyd</span>.</span></span>

=== Magazines CHIC ===
Les magazines en ligne (et hors-ligne) qui publient fréquemment des articles à propos du html sémantique.
Si/Quand cette section sera trop grosse, nous la migrerons vers [[posh-magazines-fr|magazines-posh]].

* [http://alistapart.com/ A List Apart: For People Making Websites] (voir en particulier [http://www.alistapart.com/topics/code/htmlxhtml/ les articles HTML et XHTML])
* [http://www.digital-web.com/ Digital Web Magazine]

=== Blogs CHIC ===
Les blogs avec des billets réguliers sur des discussions de grande qualité, des idées et qui font en général avancer l'état de l'art de POSH/CHIC. Si/Quand cette section sera trop importante nous la migrerons vers [[posh-blogs-fr|blogs CHIC et POSH]].
* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html Le thème Sandbox pour WordPress readme.html] discute de ce qu'est POSH et comment le thème aide les utilisateurs à l'utiliser.
* [http://dbaron.org/log/current le blog de David Baron]
* [http://zeldman.com/ Jeffrey Zeldman Presents]
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]
* [http://microformatique.com/ Microformatique - John Allsopp]
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (voir en particulier [http://simplebits.com/bits/simplequiz/ SimpleQuiz])
* [http://tantek.com/ Tantek Çelik]
* ...

=== Billets de Blog CHIC===
Les billets de Blog qui fournissent des trucs et techniques, spécifiques, modernes, des guides pour utiliser plus souvent et mieux le HTML sémantique.
Si/Quand cette section sera trop grosse, nous la migrerons vers [[posh-blog-posts-fr|billets de blog CHIC]].
* [http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ POSH - Plain Old Semantic HTML] par Roger Johansson.
* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - éviter les utilisations non-sémantiques des tags <nowiki><b>old et <br>eak</nowiki> et utiliser à la place les <nowiki>ajouts de <h3> et les <p>aragraphes</nowiki>.
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - utilisation de l'attribut "id" sur les éléments existants au lieu d'ajouter des éléments vides <code><nowiki><a name="foo"></a></nowiki></code>. Utilisez [[rel-bookmark-fr|rel-bookmark]]
pour poster des permaliens dans le document.
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction à l'usage approprié de l'attribut HTML 'class'.
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - comment baliser une liste de commentaires, y compris un exemple d'utilisation
de l'attribut rare "hreflang".
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing] par Eric Meyer (2004-07-18)
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML] par Jesse Skinner (2006-02-22)
* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] par Nate Koechley, 2006-12-15
* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22
* [http://leland.nu/think/2006/07/31/seeing-is-believing/ SEEing is believing] - using standards and efficient design, coding, maintenance, and marketing to produce a search-engine-efficient site par Richard Leland (2006-07-31)
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)
* [http://microformatique.com/?page_id=109 Semantics in HTML] par John Allsopp (2007-01-08 - 2007-03-12)
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)
* [http://microformatique.com/?p=82 Built in HTML semantics] Une liste des éléments sémantiques et des attributs du HTML par John Allsopp (2007-01-08)
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20) -> [http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/EtreChic Etre Chic] traduction en cours pour publication en français sur le blog des microformateurs
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] par Chris Messina (2007-04-21) -> ([http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/CommentTraduirePosh amorçage de traduction en français]
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I'm POSH - are you?] (2007-04-23)
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet's Upper Class Or Why Your Site Should Be POSH] (2007-04-24)
* ...

Voir aussi [http://technorati.com/search/%22semantic%20HTML%22 plus de blogs parlant du "semantic HTML"] et
[http://technorati.com/search/posh+semantic+HTML POSH].

===Podcasts CHIC et POSH===
* [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 A talk about POSH] dans le podcast du magazine .Net épisode 8 (56 minutes ; 26 Mb. Section où ou en parle 30:10-42:40)

=== Trésors cachés CHIC ===
Le sites suivants ont des articles en rapport avec CHIC, des tutoriels, et. Sur eux, vous devrz plonger à partir de la page d'accueil. Aidez-nous à trouver les trésors CHIC dissimulés dans ces sites et ajoutez des liens ''directs'' vers des articles en rapport avec CHIC, des tutoriels pour les hisser aux sections spcécifiques au-dessus. Vous pouvez laisser les liesn vers le niveau le plus haut du siteà moins que n'ayez à plonger dans le site en entier pour y trouver tous les trésors.
* [http://www.w3schools.com/ W3Schools Tutoriels Web en ligne] (en)
* [http://dev.opera.com/ Dev.Opera] (en)
* [http://pompage.net pompage] (fr)

=== Faites que votre Blog soit CHIC ===
Si vous voulez améliorer votre blog existant, il existe quelques choses
vraiment simples que vous pouvez faire vous-même :

==== WordPress ====
* Utilisez les thèmes [http://www.plaintxt.org/themes/sandbox/ Sandbox] ou [http://getk2.com K2] qui supportent déjà hAtom et hCard
* Ajoutez le [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ Widget hCard About] à votre site

== Répandez CHIC ==
Maintenant que vous avez CHICquifié vos sites web, que faire ensuite ?
Bien, aidez à répandre CHIC sur d'autres sites web !
* Faites la promo de CHIC. Fabriquez un bouton CHIC (peut-être en utilisant une sémantique HTML et CSS) faisant un lien vers cette page et placez-le sur votre site, dans votre blogroll, en pied de page, etc. Venez même peut-être avec un joli bouton graphique CHIC et partagez-le avec la communauté microformats avec une licence libre (domaine public, CC-by-3.0, MIT, etc.). Inspirez-vous de ceux-ci :
** http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
* Parlez-en à un ami. Parlez à vos amis designers de POSH et convainquez les de ''chicquifier'' leurs sites web personnels, et les sites web qu'ils construisent pour les autres. Bloguez votre expérience de CHICquification et les étapes que vous avez traversées pour CHICquifier vos sites web.
Ecrivez un [[posh-testimonial-fr|témoignage CHIC]] !
* Revenez avec plus d'idées pour aider à propager CHIC. En voici quelques-unes.
** Organisez un [http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/ChicPit CHICPit] - une journée ou demi-journée de session marathon mélangeant des experts du HTML sémantique avec des types qui maintiennent/font tourner des sites web en général, et regardez comment vous pouvez les mettre à jour en groupe vers CHIC durant la journée.
** ...

== Améliorez CHIC ==
Au fur et à mesure que vous lisez les [[posh-fr#Ressources|ressources CHIC]] documentées ici, quelles sont les autres ressources CHIC que vous avez trouvées ? Ajoutez-les à cette page.

Avec votre expérience et votre capacité à pouvoir à la fois "poshifier" vos sites et aider les autres à faire ainsi, qu'avez-vous appris ? Quels sont les types de [[posh-issues-fr|problématiques]] que vous avez rencontrées ? Quelles sont les questions souvent posées ? Quels seraient vos besoins pour aider facilement et rapidement plus de personnes à poshifier leurs contenus ?

== Historique ==

Une historique rapide de références à "CHIC" dans ce contexte et au "bon vieux html sémantique".

=== bon vieux HTML sémantique ===
Les premières références au <strong>"bon vieux HTML sémantique"</strong> qui ont été trouvées à cette heure sont :
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert on comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrouvée par [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))
Si vous pouvez trouver des références plus anciennes, ''ajoutez-les'' les svp et joignez-y une citation brève du contexte de la référence à "bon vieux html sémantique".

posh-fr

2007-12-01T18:38:02Z

JeanChristopheCapelli: /* Améliorez CHIC */

{{TOC-right}}
<h1>Code HTML Intrinsèquement Classe (CHIC)</h1>
Bienvenue sur la page d'accueil du <abbr title="Plain Old Semantic HTML">POSH</abbr>. En français, vous commencerez à entendre parler de <abbr title="Code HTML Intrinsèquement Classe">CHIC</abbr>. Rien n'est encore définitif, vos suggestions et revendications peuvent être encore [http://jyte.com/cl/en-fran%C3%A7ais-posh-se-traduit-par-chic discutées].

== Origines ==
L'acronyme '''POSH''' a été inventé [http://rbach.priv.at/Microformats-IRC/2007-04-06#T091456 le 6 avril 2007] sur le canal IRC des microformats, par <kwijibo> pour désigner une abréviation raccourcie de [[plain-old-semantic-html-fr|plain-old-semantic-html]].
Une discussion partagée par John Allsopp, Tantek Çelik, Jeremy Keith et Chris Messina
lors du [[events/2007-04-18-web-2-expo-dinner|Dîner Microformats du 18 avril 2007 faisant suite à l'Expo Web 2.0]] a fait renaître l'idée du POSH et l'importance de promouvoir l'objectif plus large de POSH, quels sont les microformats qui en sont originaires et en sont un propre sous-ensemble. Pour en savoir plus voir [[posh-fr#Historique|Historique]].

== Pourquoi POSH est traduit en CHIC ==
Le terme [[semantic-html-fr|html sémantique]] peut intimider par sa longueur et donne une fausse mauvaise impression de sa simplicité, de sa bonne adoption par les designers web modernes, et les avantages qu'il possède vont bien au delà de développer pour le web comme il faut en utilisant un balisage sémantique. Nous avons besoin d'un terme court et facile à retenir qui capte l'essence du concept, et soit facile à conjuguer. CHIC a été proposé par Kevin Marks et la déclinaison de l'acronyme '''C'''ode '''H'''TML '''I'''ntrinsèquement '''C'''lasse proposée par Stéphane Gigandet colle bien au sens du 'POSH'.

== Quoi ==
Le CHIC regroupe les meilleures pratiques d'utilisation du [[semantic-html-fr|HTML sémantique]] pour publier des pages web. Le HTML sémantique est le sous-ensemble des éléments et attributs du HTML 4.01 (ou du XHTML 1.0) qui sont ''[[semantic-fr|sémantiques]]'' plutôt que ''[[présentationnels]]''. La meilleure façon d'apprendre et de comprendre CHIC est de le mettre en oeuvre. Prenez une page sur votre site web pour démarrer et appliquez-lui la [[posh-fr#La_Checklist_CHIC|Checklist CHIC]]. Continuez avec le [[posh-fr#Le_Processus_CHIC|Processus CHIC]]. Lisez les [[posh-fr#Ressources|Ressources CHIC]] pour en savoir encore plus à propos de CHIC.

== Le processus du CHIC ==
Que pouvez-vous faire pour être CHIC et faire que vos sites web soient CHICs ?
# Publier du contenu CHIC. Lire les [[posh-fr#Ressources|ressources]] posh et vous assurer que votre site web publie du [[semantic-xhtml-fr|(X)HTML sémantique]] valide et utilise des [[semantic-class-names-fr|noms de classes sémantiques]] en rapport.
# Répandre le CHIC. Encourager les autres à être CHIC et à CHICquifier leurs sites web en faisant un lien vers cette page.
# Améliorer le CHIC. Nous aider à assembler des ressources pour permettre à plus de personnes de POSHifier facilement leurs sites web.

== La Checklist CHIC ==
* La première règle de CHIC est que vous devez [http://validator.w3.org valider] votre CHIC.
* Deuxièmement, laissez tomber l'usage des TABLES utilisées purement à des fins de présentation, les GIFs d'espacement et le [[presentational-html-fr|html de présentation]] en général.
* Puis, réparez votre syntaxe [http://tantek.com/log/2002/10.html#L20021022t1432 '''B'''ed and '''B'''reakfast].
* Eliminez les [http://tantek.com/log/2002/11.html#L20021128t1352 Ancres Anorexiques].
* Utilisez de bons [[semantic-class-names-fr|noms de classes sémantiques]].
* ...

== Ressources ==
=== Tutoriels CHICs ===
Etape par étape, les tutoriels pour créer du contenu CHIC ou comment mettre à jour du contenu existant vers CHIC.

* [http://xtof.livejournal.com/14428.html validez votre css et html] Un guide simple étape par étape sur la manière et les raisons pour lesquelles vous devriez valider votre syntaxe
* [http://www.w3schools.com/ Retournez à l'école] W3C Schools le couteau suisse des tutoriels CHIC (en)
* ...

=== Signets CHICs ===
* Regardez le [http://ma.gnolia.com/groups/posh Groupe POSH] sur Ma.gnolia
* Regardez les pages taguées [http://del.icio.us/tag/posh+microformats POSH et microformats] sur del.icio.us.

=== Présentations CHICs ===
Les présentations qui expliquent et encouragent les concepts et techniques pour l'utilisation du HTML sémantique.
Si/Quand cette section sera trop importante, nous pourrons la migrer sur [[posh-presentations-fr|présentations-chic]].
* [http://www.elanceur.org/microformats/slides/CSSEntrelesFeuillesdeStyl.html CSS : Entre les Feuilles de Style par Tantek Çelik (2003-03)] (traduite en français). Voir spécifiquement les dias 3-4,6 démarrant par "Abandonner les [http://tantek.com/log/2002/10.html#L20021022t1432 <B>ed & <BR>eakfast]", et la dia 9 "CSS & le Spectre Sémantique" qui fournit un aperçu du spectre sémantique des balises (X)HTML.
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html real world semantics] (2004-02-11) - [http://www.elanceur.org/microformats/slides/semantiquevraimonde.html traduction en cours en français ici]
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML: Can your website be your API? - Using semantic XHTML to show what you mean] (2004-09-28)
* [http://tantek.com/presentations/2005/09/elements-of-xhtml/ The Elements of Meaningful XHTML] (2005-09-29, first version: [http://tantek.com/presentations/2005/03/elementsofxhtml/ 2005-03-13 at SXSW Interactive]).
* ...
* Voir aussi les [[presentations-fr|présentations]] microformats en général.

=== Les Livres CHIC ===
Les livres de design web moderne qui documentent de bonnes pratiques html sémantique.
* <cite>[http://www.oreilly.com/catalog/wdnut3/ http://www.oreilly.com/catalog/covers/0596009879_thumb.gif] [http://www.oreilly.com/catalog/wdnut3/ Web Design in a Nutshell, <strong>Third Edition</strong>]</cite> by <span class="vcard"><span class="url fn n"><span class="given-name">Jennifer</span> <span class="additional-name">Niederst</span> <span class="family-name">Robbins</span></span> See [http://jenville.com/ Jenville].</span>
* <cite>[http://microformatique.com/book/ Microformats empowering your markup for Web 2.0]</cite> de <span class="vcard"><span class="url fn n"><span class="given-name">John</span> <span class="family-name">Allsopp</span>.</span></span> Le Chapitre 3 est un aperçu général et pratique de l'utilisation appropriée du HTML sémantique valide et structuré.
* <cite>[http://htmlmastery.com/ http://htmlmastery.com/images/hm-cover-sm.gif][http://htmlmastery.com/ Semantics, Standards and Styling]</cite> par <span class="vcard"><span class="url fn n"><span class="given-name">Paul</span> <span class="family-name">Haine</span>.</span></span>
* <cite>[http://www.sitepoint.com/books/html1/ http://www.sitepoint.com/images/books/html1/books-index.gif][http://www.sitepoint.com/books/html1/ Build Your Own Web Site The Right Way Using HTML & CSS]</cite> par <span class="vcard"><span class="url fn n"><span class="given-name">Ian</span> <span class="family-name">Lloyd</span>.</span></span>

=== Magazines CHIC ===
Les magazines en ligne (et hors-ligne) qui publient fréquemment des articles à propos du html sémantique.
Si/Quand cette section sera trop grosse, nous la migrerons vers [[posh-magazines-fr|magazines-posh]].

* [http://alistapart.com/ A List Apart: For People Making Websites] (voir en particulier [http://www.alistapart.com/topics/code/htmlxhtml/ les articles HTML et XHTML])
* [http://www.digital-web.com/ Digital Web Magazine]

=== Blogs CHIC ===
Les blogs avec des billets réguliers sur des discussions de grande qualité, des idées et qui ont en général avancé l'état de l'art de POSH/CHIC. Si/Quand cette section sera trop importante nous la migrerons vers [[posh-blogs-fr|blogs CHIC et POSH]].
* [http://www.plaintxt.org/wp-content/uploads/sandbox-v09_readme.html Le thème Sandbox pour WordPress readme.html] discute de ce qu'est POSH et comment le thème aide les utilisateurs à l'utiliser.
* [http://dbaron.org/log/current le blog de David Baron]
* [http://zeldman.com/ Jeffrey Zeldman Presents]
* [http://meyerweb.com/ meyerweb.com - Eric Meyer]
* [http://microformatique.com/ Microformatique - John Allsopp]
* [http://simplebits.com/ SimpleBits - Dan Cederholm] (voir en particulier [http://simplebits.com/bits/simplequiz/ SimpleQuiz])
* [http://tantek.com/ Tantek Çelik]
* ...

=== Billets de Blog CHIC===
Les billets de Blog qui fournissent des trucs et techniques, spécifiques, modernes, des guides pour utiliser plus souvent et mieux le HTML sémantique.
Si/Quand cette section sera trop grosse, nous la migrerons vers [[posh-blog-posts-fr|billets de blog CHIC]].
* [http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ POSH - Plain Old Semantic HTML] par Roger Johansson.
* [http://tantek.com/log/2002/10.html#L20021022t1432 Bed and BReakfast markup (B&BR)] (2002-10-22) - éviter les utilisations non-sémantiques des tags <nowiki><b>old et <br>eak</nowiki> et utiliser à la place les <nowiki>ajouts de <h3> et les <p>aragraphes</nowiki>.
* [http://tantek.com/log/2002/11.html#L20021128t1352 <nowiki><A>norexic </A>nchors</nowiki>] (2002-11-28) - utilisation de l'attribut "id" sur les éléments existants au lieu d'ajouter des éléments vides <code><nowiki><a name="foo"></a></nowiki></code>. Utilisez [[rel-bookmark-fr|rel-bookmark]]
pour poster des permaliens dans le document.
* [http://tantek.com/log/2002/12.html#L20021216t2238 A Touch of Class] (2002-12-16) - introduction à l'usage approprié de l'attribut HTML 'class'.
* [http://tantek.com/log/2002/12.html#L20021231t1850 Dive into Semantic MARKup] (2002-12-31)
* [http://tantek.com/log/2003/01.html#L20030104t1249 Comment markup, presentation and plumbing] (2003-01-04) - comment baliser une liste de commentaires, y compris un exemple d'utilisation
de l'attribut rare "hreflang".
* [http://meyerweb.com/eric/thoughts/2004/07/18/competent-classing Competent Classing] par Eric Meyer (2004-07-18)
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] (2004-07-20)
* [http://www.uie.com/articles/holzschlag_interview/ Web Standards in the Real World: An Interview with Molly Holzschlag] (2005-06-01)
* [http://westciv.typepad.com/dog_or_higher/2005/11/webpatterns_and.html Webpatterns and websemantics] (2005-11-18)
* [http://www.thefutureoftheweb.com/blog/2006/2/writing-semantic-html Writing Semantic HTML] par Jesse Skinner (2006-02-22)
* [http://nate.koechley.com/blog/2006/12/15/divitis_and_correct_div_usage/ On Appropriate Use of DIVs, or When Divitis Doesn’t Apply] par Nate Koechley, 2006-12-15
* [http://nate.koechley.com/blog/2006/12/22/note_on_structural_and_semantic_meaning/ Quick Comment: Choose Class/ID Names Based on Semantic and/or Structural Meaning] by Nate Koechley, 2006-12-22
* [http://leland.nu/think/2006/07/31/seeing-is-believing/ SEEing is believing] - using standards and efficient design, coding, maintenance, and marketing to produce a search-engine-efficient site par Richard Leland (2006-07-31)
* [http://www.thefutureoftheweb.com/blog/2007/1/who-will-read-your-semantic-html Who will read your Semantic HTML?] by Jesse Skinner (2007-01-04)
* [http://microformatique.com/?page_id=109 Semantics in HTML] par John Allsopp (2007-01-08 - 2007-03-12)
** [http://microformatique.com/?p=83 Part I - Traditional HTML Semantics] (2007-01-08)
** [http://microformatique.com/?p=97 Part II - standardizing vocabularies] (2007-02-20)
** [http://microformatique.com/?p=108 Part III - Towards a semantic web] (2007-03-12)
* [http://microformatique.com/?p=82 Built in HTML semantics] Une liste des éléments sémantiques et des attributs du HTML par John Allsopp (2007-01-08)
* [http://tantek.com/log/2007/04.html#d20t0823 The Importance of Being POSH] by Tantek Çelik (2007-04-20) -> [http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/EtreChic Etre Chic] traduction en cours pour publication en français sur le blog des microformateurs
* [http://factoryjoe.com/blog/2007/04/21/getting-back-to-posh-plain-ol-semantic-html/ Getting back to POSH (Plain ol’ Semantic HTML)] par Chris Messina (2007-04-21) -> ([http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/CommentTraduirePosh amorçage de traduction en français]
* [http://friedcellcollective.net/outbreak/2007/04/22/im-posh-are-you/ I'm POSH - are you?] (2007-04-23)
* [http://www.unintentionallyblank.co.uk/2007/04/24/plain-old-semantic-html/ The Internet's Upper Class Or Why Your Site Should Be POSH] (2007-04-24)
* ...

Voir aussi [http://technorati.com/search/%22semantic%20HTML%22 plus de blogs parlant du "semantic HTML"] et
[http://technorati.com/search/posh+semantic+HTML POSH].

===Podcasts CHIC et POSH===
* [http://www.netmag.co.uk/podcasts/07-05-03-net.mp3 A talk about POSH] dans le podcast du magazine .Net épisode 8 (56 minutes ; 26 Mb. Section où ou en parle 30:10-42:40)

=== Trésors cachés CHIC ===
Le sites suivants ont des articles en rapport avec CHIC, des tutoriels, et. Sur eux, vous devrz plonger à partir de la page d'accueil. Aidez-nous à trouver les trésors CHIC dissimulés dans ces sites et ajoutez des liens ''directs'' vers des articles en rapport avec CHIC, des tutoriels pour les hisser aux sections spcécifiques au-dessus. Vous pouvez laisser les liesn vers le niveau le plus haut du siteà moins que n'ayez à plonger dans le site en entier pour y trouver tous les trésors.
* [http://www.w3schools.com/ W3Schools Tutoriels Web en ligne] (en)
* [http://dev.opera.com/ Dev.Opera] (en)
* [http://pompage.net pompage] (fr)

=== Faites que votre Blog soit CHIC ===
Si vous voulez améliorer votre blog existant, il existe quelques choses
vraiment simples que vous pouvez faire vous-même :

==== WordPress ====
* Utilisez les thèmes [http://www.plaintxt.org/themes/sandbox/ Sandbox] ou [http://getk2.com K2] qui supportent déjà hAtom et hCard
* Ajoutez le [http://redmonk.net/archives/2007/04/18/wordpress-widget-hcard-about-box/ Widget hCard About] à votre site

== Répandez CHIC ==
Maintenant que vous avez CHICquifié vos sites web, que faire ensuite ?
Bien, aidez à répandre CHIC sur d'autres sites web !
* Faites la promo de CHIC. Fabriquez un bouton CHIC (peut-être en utilisant une sémantique HTML et CSS) faisant un lien vers cette page et placez-le sur votre site, dans votre blogroll, en pied de page, etc. Venez même peut-être avec un joli bouton graphique CHIC et partagez-le avec la communauté microformats avec une licence libre (domaine public, CC-by-3.0, MIT, etc.). Inspirez-vous de ceux-ci :
** http://redmonk.net/wp-content/uploads/2007/04/chic_fancy.png - [http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]
* Parlez-en à un ami. Parlez à vos amis designers de POSH et convainquez les de ''chicquifier'' leurs sites web personnels, et les sites web qu'ils construisent pour les autres. Bloguez votre expérience de CHICquification et les étapes que vous avez traversées pour CHICquifier vos sites web.
Ecrivez un [[posh-testimonial-fr|témoignage CHIC]] !
* Revenez avec plus d'idées pour aider à propager CHIC. En voici quelques-unes.
** Organisez un [http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/ChicPit CHICPit] - une journée ou demi-journée de session marathon mélangeant des experts du HTML sémantique avec des types qui maintiennent/font tourner des sites web en général, et regardez comment vous pouvez les mettre à jour en groupe vers CHIC durant la journée.
** ...

== Améliorez CHIC ==
Au fur et à mesure que vous lisez les [[posh-fr#Ressources|ressources CHIC]] documentées ici, quelles sont les autres ressources CHIC que vous avez trouvées ? Ajoutez-les à cette page.

Avec votre expérience et votre capacité à pouvoir à la fois "poshifier" vos sites et aider les autres à faire ainsi, qu'avez-vous appris ? Quels sont les types de [[posh-issues-fr|problématiques]] que vous avez rencontrées ? Quelles sont les questions souvent posées ? Quels seraient vos besoins pour aider facilement et rapidement plus de personnes à poshifier leurs contenus ?

== Historique ==

Une historique rapide de références à "CHIC" dans ce contexte et au "bon vieux html sémantique".

=== bon vieux HTML sémantique ===
Les premières références au <strong>"bon vieux HTML sémantique"</strong> qui ont été trouvées à cette heure sont :
* [http://groups.google.com/group/comp.infosystems.www.authoring.site-design/msg/2373e9043c08cba4 1998-05-01: Kirrily 'Skud' Robert on comp.infosystems.www.authoring.site-design] - "The site is implemented in HTML 4.0 Transitional with style sheets; this means that anyone with an older browser won't get presentational markup, just <strong>plain old semantic HTML</strong>. "
* [http://www.highrankings.com/advisor/tables-seo/ 2006-09-21 Drew's comment by on "Tables and SEO"]: "I’d say it’s well worth it for a variety of reasons to only use tables when you’re presenting tabular data, and use <strong>plain old semantic HTML</strong> to mark up your content in all other cases." (retrouvée par [[User:Tantek|Tantek]] 08:20, 20 Apr 2007 (PDT))
Si vous pouvez trouver des références plus anciennes, ''ajoutez-les'' les svp et joignez-y une citation brève du contexte de la référence à "bon vieux html sémantique".

Main Page-fr

2007-12-01T18:34:45Z

JeanChristopheCapelli: /* traductions du microformats wiki */

<div style="float:right;margin-left:1em">__TOC__</div>
{{navigation-fr}}

'''Bonjour et bienvenue sur le wiki des microformats.'''

Démarrez svp avec la page d'[[introduction-fr|introduction]] et lisez [[how-to-play-fr|comment jouer]] avant de produire quelque modification.

==Introduction ==
* Apprenez ce que veut dire être [http://microformats.org/wiki/posh-fr <abbr title="Code HTML Intrinsèquement Classe">CHIC</abbr>].
* Regardez la [http://microformateurs.org/about/ page à propos], les [http://microformateurs.org/ dernières actualités], les récents [[press-fr|communiqués de presse]], les [[presentations-fr|présentations]], les [[books-fr|livres]], les [[podcasts-fr|podcasts]] et les [[screencasts-fr|vidéos]].
* Vous avez des questions ? Lisez les [[faq-fr|questions souvent posées]] et consultez le [[glossary-fr|glossaire]] pour les nouveaux termes.
* Vous voulez apprendre avec de vraies personnes ? Regardez les [[events-fr|événements]] microformats.

==Définition==
Les Microformats sont des petits morceaux de HTML qui représentent des choses comme les personnes, les événements, les mots-clé, etc. dans les pages web.

Les Microformats permettent la publication d'une information de plus haute fidélité sur le Web, fournissant le moyen le plus rapide & le plus simple pour supporter les fils et APIs pour votre site web. Voir plus d'explications de [[what-are-microformats-fr|ce que sont les microformats]] et [[what-can-you-do-with-microformats-fr|ce que vous pouvez faire avec eux]].

== Comment contribuer ? ==
Vous voulez aider à porter les microformats au niveau suivant ?
* [[get-started-fr|Commencez]] par ajouter des microformats à votre site web, services et produits.
* [[advocacy-fr|Soutenez]] l'utilisation des microformats.
* Ecrivez un [[testimonial-fr|testimonial]]
* Faites quelque chose sur la [[to-do]] et la [[to-do-fr]]
* Rejoignez le [[irc-fr|Canal IRC]] et les [[mail-fr|listes de diffusion]] pour apprendre et aider à répondre aux questions posées à propos des microformats. (lisez les [[mailing-lists-fr#Lignes_de_conduite_g.C3.A9n.C3.A9rales|lignes de conduite générales]] avant de poster).
* [[Main_Page-fr#traductions_wiki_microformats_en_d'autres_langues|Traduisez ce wiki des microformats en d'autres langues]] pour rendre les microformats globalement accessibles.
* Avant de proposer tout nouveau microformat, assurez vous que votre site web soit [[posh-fr|CHIC]], [[get-started-fr|utilise des microformats existants]], et puis lisez le [[process-fr|processus]].

== Spécifications ==
Les spécifications des standards ouverts concernant les [[microformats-fr|Microformats]]
* [[hcalendar-fr|hCalendar]] - [http://microformats.org/code/hcalendar/creator hCalendar creator]
* [[hcard-fr|hCard]] - [http://microformats.org/code/hcard/creator hCard creator]
* [[rel-license-fr|RelLicense]]
* [[rel-nofollow-fr|RelNoFollow]]
* [[rel-tag-fr|RelTag]]
* [[vote-links-fr|VoteLinks]]
* [[xfn-fr|XFN]] - [http://gmpg.org/xfn/creator XFN creator]
* [[XMDP-fr|XMDP]
* [[xoxo-fr|XOXO]]

== Design Patterns ==

{{design_patterns-fr}}

== Drafts ==
* [[adr-fr|adr]] - pour marquer l'information d'adresse
* [[geo-fr|geo]] - pour marquer les coordonnées géographiques [http://en.wikipedia.org/wiki/WGS84 WGS84] (latitude ; longitude)
* [[hatom-fr|hAtom]] - syndication de contenu épisodique (par exemple les billets de blog)
* [[hresume-fr|hResume]] - pour publier des résumés et des CVs
* [[hreview-fr|hReview]] - [http://microformats.org/code/hreview/creator hReview creator] - pour publier des critiques
* [[rel-directory-fr|rel-directory]] - pour indiquer que la destination d'un hyperlien est une liste de répertoire contenant une entrée vers la page actuelle
* [[rel-enclosure-fr|rel-enclosure]] - pour indiquer des pièces jointes (par ex des fichiers) à télécharger et mettre en cache
* [[rel-home-fr|rel-home]] - pour indiquer un hyperlien vers la page d'accueil du site
* [[rel-payment-fr| rel-payment]] - pour indiquer un mécanisme de paiement
* [[robots-exclusion-fr|Robots Exclusion]]
* [[xfolk-fr|xFolk]]

== Discussions Exploratoires ==

Voir : [[exploratory-discussions-fr|discussions-exploratoires]] pour les détails de la recherche et l'analyse d'[[examples-fr|exemples]] du vrai monde, de formats existants et un brainstormins sur les nouveaux microformats possibles, selon le [[process-fr|processus]] microformats. Un tel travail est catégorisé comme étant :
*[[exploratory-discussions-fr#Actives|Etant activement en train de progresser]]
*[[exploratory-discussions-fr#En-cours|En cours, mais moins actives]]
*[[exploratory-discussions-fr#Moribondes|Moribondes]]
*[[exploratory-discussions-fr#Abandonnées|Formellement abandonnées]] ou
*[[exploratory-discussions-fr#Archive|Archivées]]

== Exemples ==
* [[examples-in-the-wild-fr|exemples dans la jungle]]
* [[implementations-fr|implémentations]]
* [[zen-garden-fr|zen-garden]]

== ressources ==
Voir [[resources-fr|ressources]].

== développement orienté utilisateur ==
*[[user-interface-fr|interface-utilisateur]]
*[[data-portability-fr|portabilité-des-données]]
*[[social-network-portability-fr|portabilité-du-réseau-social]]

== aires de travaux partagés ==
* [[to-do-fr]] et [[to-do]]
* [[templates-fr|modèles]]
* [http://microformats.org/wiki/delete pages marquées pour l'effacement] 

== outils, tests de cas, recherche supplémentaire ==
Le premier endroit pour chercher des exemples, du code et des cas de tests se fait dans les pages de chaque microformat individuel. Il n'y a seulement que quelques [[tools-fr|outils et services]] qui aient besoin de traiter plus d'un microformat. Cette section est destinée aux éditeurs, parseurs, validateurs, tests de cas et toute autre information pertinente relevant de plusieurs microformats.

== traductions du microformats wiki ==
<span id="traductions_wiki_microformats_en_d'autres_langues">Vous pouvez lire et éditer des articles de microformats en de nombreuses autres langues :</span>
* langues avec plus de 200 articles
** [[Main_Page-fr|<span lang="fr">Français</span> (French)]] <span lang="fr">{{UpdateMarker-fr}}</span>
* langues avec plus de 10 articles
** * [[Main_Page-pt-br|<span lang="pt-br">Portugais</span> (Brésilien Portugais)]]
** [[Main_Page-ja|<span lang="ja">日本語</span> (Japonais)]]
* langues avec plus de 2 articles
** [[Main_Page-cs|<span lang="cs">Česky</span> (Thèque)]] {{NewMarker-fr}}
** [[Main_Page-de|<span lang="de">Deutsch</span> (Allemand)]]
** [[Main_Page-es|<span lang="es">Español</span> (Espagnol)]]
** [[Main_Page-pl|<span lang="pl">Polski</span> (Polonais)]]
** [[Main_Page-ro|<span lang="ro">Română</span> (Roumain)]]

* ailleurs
**[http://en.wikipedia.org/wiki/Microformat L'article de Wikipedia sur les microformats] a été traduit en d'autres langues.
*** [http://fr.wikipedia.org/wiki/Microformat en français]

Voir aussi les [[other-languages-fr|autres langues]] et [[how-to-start-new-translation-fr|comment-amorcer-une-nouvelle-traduction]].

social-network-portability-fr

2007-08-12T17:03:52Z

JeanChristopheCapelli: /* FAQ Portabilité de Réseau Social */

<h1> Portabilité de Réseau Social </h1>

<div style="float:right;margin-left:1em">__TOC__</div>

L'une des nombreuses idées d'[[user-interface-fr|interface utilisateur]] et de suggestions pour travailler avec les microformats.

== Le Problème ==
Pourquoi est-ce chaque site communautaire de réseau social vous amène à :
* saisir de nouveau vos informations de profil personnel (nom, email, anniversaire, URL etc.) ?
* ajouter à nouveau tous vos amis ?

En outre, pourquoi devez-vous :
* débrancher à nouveau les notifications ?
* spécifier à nouveau les préférences concernant la vie privée ?
* bloquer de nouveau les [http://headrush.typepad.com/creating_passionate_users/2006/04/angrynegative_p.html personnes négatives] ?

Aussi connu comme le "problème de fatigue des réseaux sociaux" et le "problème de mise à jour/maintenance des réseaux sociaux".

== Les Objectifs ==
Au moment de rejoindre un nouveau site, vous devriez pouvoir ''importer'' ou mieux encore vous ''abonner'' à :
* votre information de profil
* votre réseau social
à partir de n'importe lequel de vos profils.

En outre, il serait agréable si les préférences concernant :
* les notifications
* la vie privée
soient aussi transférées entre profils.

Aussi connu comme un réseau social internet, un réseau de réseaux sociaux.

== Design Patterns et Recettes ==

Le "How To" pour les sites de profil de réseau sociaux qui veulent résoudre les problèmes au-dessus et parvenir aux objectifs ci-dessus.

# Publier des microformats dans vos profils utilisateurs
## implémentez [[hcard-fr|hCard]] sur les pages profils des utilisateurs. Regardez les [[hcard-supporting-profiles-fr|profils-supportant-hcard]] pour une liste de sites qui ont déjà produit ça.
## implémentez [[hcard-fr|hCard]]+[[xfn-fr|XFN]] sur la liste d'amis de vos pages profil d'utilisateurs. Regardez [[hcard-xfn-supporting-friends-lists-fr|profils-supportant-les-listes-d'amis]] pour les sites qui ont déjà produit ça. (par ex. [[http://twitter.com/ Twitter]]).
# Abonnez-vous au microformats pour vos profils utilisateurs :
## au moment de vous enregistrer comme nouvel utilisateur :
### laisser un utilisateur remplir et <em title="Auto-synchroniser c'est plus qu'une importation à un moment donné, vérifiez-le et synchronisez une fois par jour.">"auto-synchroniser"</em> à partir d'un de ses [[hcard-supporting-profiles-fr|profils existants supportant hcard]], son nom, son icône, etc. [http://microformateurs.org/2007/06/21/microformatsorg-a-deux-ans/ Satisfaction Inc supporte déjà ça.]
### laisser un utilisateur remplir et <em title="Auto-synchroniser c'est plus qu'une importation à un moment donné, vérifiez-le et synchronisez une fois par jour.">"auto-synchroniser"</em> sa liste d'amis à partir d'une de ses [[hcard-xfn-supporting-friends-lists|listes existantes d'amis supportant hCard+XFN]]. [http://microformateurs.org/2007/06/21/microformatsorg-a-deux-ans/ Dopplr.com supporte déjà ça.]

== FAQ Portabilité de Réseau Social ==
*''Est-ce que [http://openid.net/ OpenID] n'adresse pas le problème de re-saisie de toutes vos infos de profil personnel ?''
** Non, il ne le fait pas. OpenID est fondamentalement là pour prouver à un site que vous possédez ou contrôlez toute URL particulière. Rien de plus. Tout le truc de profil est du bonus et même ensuite l'ensemble de propriétés spécifiques n'est pas spécifié dans OpenID. C'est là où [[hcard-fr|hCard]] entre en scène. hCard spécifie un vocabulaire d'information de profil personnel (nom, email, anniversaire, URL, etc...) en se basant sur le standard industriel vCard. Et en fait c'est tout ce dont vous avez besoin pour résoudre le problème de re-saisie de "toute votre information personnelle" sur les sites publics - pas besoin d'authentifier des URLs publiques via OpenID, les lire simplement et parser leurs hCards.
*''Est-ce que OpenID ne fournit pas aux personnes un moyen de créer un identifiant globalement unique pour elles-même ?''
** C'est l'URL (par la voie du DNS) qui crée un identifiant globalement unique, pas OpenID. Tout ce que fait OpenID est d'ajouter une couche ''authentification'' pour avoir une URL qui est elle-même un identifiant unique global, ce qui veut dire qu'OpenID est un moyen de revendiquer que vous "possédez" ou autrement contrôlez une URL particulière vers un autre service/site. La qualité fondamentale d'être un identifiant globalement unique est présente dans une URL même sans OpenID. De ce fait, non, ce n'est pas OpenID qui ''crée'' un ''identifiant globalement unique'', mais plutôt, le fait d'utiliser simplement une ''URL'' qui crée un identifiant unique global. un moyen de faire référence à une personne unique fait sens sur l'ensemble du Web. Une URL ''en elle-même'' peut être utilisée comme une base pour les réseaux sociaux portables, parce qu'elle fournit un moyen de faire référene à une personne unique, ce qui fait sens sur l'ensemble du Web. Et ainsi, les personnes peuvent (et le feront) créer plusieurs URLs qui les représentent, aussi une méthode de permettre aux personnes d'assembler ensemble leurs URLs (par ex le rel="me" de XFN) devient importante. Néanmoins, en ajoutant l'authentification, OpenID peut permettre de faire exister des URLs identifiantes globalement uniques pour les personnes, en permettant un accès authentifié (peut-être plus d'information dedans) aux profils et réseaux sociaux représentés sur ces URLs utilisant des microformats.

== Problématiques ==
* pour l'importation/l'abonnement aux hcard des profils utilisateurs, "nous avons besoin d'une heuristique définie pour repérer le propriétaire de la page des amis." - Kevin Marks in IRC.
** Il existe quelques idées et heuristiques proposées pour ça dans [[hcard-brainstorming-fr#d.C3.A9couverte_de_hCard_repr.C3.A9senative|hCard brainstorming: découverte d'une hCard représentative]].[[User:Tantek|Tantek]] 14:35, 31 Jul 2007 (PDT)

L'information de profil peut être un terme très générique à en juger quelques-uns des formats de profils horriblement longs que j'ai vus par exemple sur MyBlogLog. Quelques trucs devraient être essentiels, mais optionnellement vous pouvez ajouter presque tout au profil de quelqu'un. Quelques options qui seraient agréables à avoir :
* marquage hResume pour poste actuel (et précédent) et le parcours scolaire, peut être aussi pour les "skills/champs d'intérêts".
* marquage hReview pour recevoir automatiquement les livres, musiques, films favoris de quelqu'un au lieu de dupliquer ça sur plusieurs sites.
[[User:Alper|Alper]] 05:44, 3 Aug 2007 (PDT)

== Discussion et suggestions ==
* Jeremy Keith : [http://adactio.com/journal/1209/ Twittering] ([http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/Twittering traduction en fr]) : <blockquote><p>Voici ce que je veux : quand je vais sur le dernier site de réseau social à la mode, je veux qu'il me demande mon URL. Puis il peut s'en aller et télécharger ma [[hcard-fr|hCard]] et ma liste [[xfn-fr|XFN]]. Un formulaire pré-rempli pour mes détails et une liste pré-remplie de contacts potentiels peut alors m'être présentée.</p></blockquote>
* Derek Featherstone : [http://www.boxofchocolates.ca/archives/2006/11/21/solving-problems-with-social-networking Solving problems with social networking]
* Jeremy Keith: [http://adactio.com/journal/1212/ More thoughts on portable social networks]
* Glenn Jones : [http://www.glennjones.net/Post/820/Microformatsandportablesocialnetwork.htm Microformats and portable social network]
* Velvetsarah a [http://www.velvet.id.au/2006/11/23/portable-social-networks/ posté une photo d'écran et un brainstorm] sur la façon dont un site pourrait gérer l'importation de contacts supportant XFN.
[http://www.velvet.id.au/2006/11/23/portable-social-networks/ http://www.velvet.id.au/out/wp-content/uploads/2006/11/picture-9.png]
* Jeremiah Owyang : [http://twitter.com/jowyang/statuses/156097392 Twittering]: <blockquote><p>Et si nous pouvions porter tous nos amis et familles d'un réseau social à un autre. Pourquoi devons nous continuer à ajouter des personnes = ennuyant</p></blockquote>
* Brian Oberkirch : [http://urltea.com/10ee Highrise, microformats and portable social networks]
* Brian Oberkirch: [http://www.brianoberkirch.com/2007/08/08/building-blocks-for-portable-social-networks/ Building Blocks for Portable Social Networks]
* Kevin Lawver : [http://www.lawver.net/archive/2007/07/17/h12_portable_social_networks_at_mashup_camp.php A Portable Social Network Prototype] - Une simple application Ruby on Rails qui utilise OpenID + XFN pour chercher les utilisateurs du site w/ la même page d'accueil sous valeur href et qui vous permet de les ajouter en contacts.
* Robert Gaal: [http://www.53miles.com/archives/making-openid-your-only-online-profile-alpha-dash Making OpenID your only online profile: Alpha Dash] - Une tentative d'abstract pour créer un tableau de bord, à utiliser comme un point de départ pour tous les réseaux sociaux. Il contient quatre éléments : identité, propriété, présence et contacts (voir aussi les commentaires)
* Alper Çuğun: [http://fourstarters.com/2007/06/20/the-future-of-everything-is-social-consolidate-and-take-back-your-social-network/ The Future of Everything is Social: Consolidate and take back your social network]

Voir [[events/2007-07-28-portable-social-networks-meetup#blog_posts|les billets de blog]] ayant suivi la [[events/2007-07-28-portable-social-networks-meetup|rencontre réseau social portable du 28 juillet 2007]].

[http://technorati.com/search/microformats.org/wiki/social-network-portability Voir les réactions sur les blogs].

== Articles ==
* 2007-08-02
** [http://www.brosbeforeblogs.com/2007/08/identity-crisis.html Identity Crisis part 1] <blockquote><p>Nous avons besoin de placer la propriété de la façon dont nous définissons les relations en ligne entre les mains de l'individu, pas aux services qui les utilisent.</p><p>Ma théorie sur la façon dont ce pourrait être réalisé est fondée sur un mariage d'OpenID et un standard ouvert pour définir les relations tel que le [http://microformats.org/ Microformat] [[xfn-fr|XFN]] </p></blockquote>
** [http://www.brianoberkirch.com/2007/08/02/deeelightful-making-profile-import-a-snap/ Deeelightful: Making Profile Import a Snap] <blockquote><p>Pourquoi ne pas faire qu'il soit plus simple pour eux de démarrer directement un profil en réutilisant l'information qu'ils ont déjà sur le [[hcard-fr|Web? quelques services Web avancés marquent déjà les données de profils des utilisateurs avec hCard, un microformat]] qui signifie qu'une personne, un lieu ou une organisation est décrit.</p></blockquote>

== Voir aussi ==

* [[user-interface-fr|interface utilisateur]]
* [[hcard-fr|hCard]]
* [[xfn-fr|XFN]]

== Notes ==
2007-07-28 Réunion entre Daniel Burka, [[User:Tantek|Tantek Çelik]], Eran Globen, Brian Oberkirch au Ritual Coffee Roasters, San Francisco, CA.
* discuté de réseaux sociaux portables, déclaration et énoncé du problème, buts, design patterns, recettes

social-network-portability-fr

2007-08-12T17:02:49Z

JeanChristopheCapelli: /* Les Objectifs */

<h1> Portabilité de Réseau Social </h1>

<div style="float:right;margin-left:1em">__TOC__</div>

L'une des nombreuses idées d'[[user-interface-fr|interface utilisateur]] et de suggestions pour travailler avec les microformats.

== Le Problème ==
Pourquoi est-ce chaque site communautaire de réseau social vous amène à :
* saisir de nouveau vos informations de profil personnel (nom, email, anniversaire, URL etc.) ?
* ajouter à nouveau tous vos amis ?

En outre, pourquoi devez-vous :
* débrancher à nouveau les notifications ?
* spécifier à nouveau les préférences concernant la vie privée ?
* bloquer de nouveau les [http://headrush.typepad.com/creating_passionate_users/2006/04/angrynegative_p.html personnes négatives] ?

Aussi connu comme le "problème de fatigue des réseaux sociaux" et le "problème de mise à jour/maintenance des réseaux sociaux".

== Les Objectifs ==
Au moment de rejoindre un nouveau site, vous devriez pouvoir ''importer'' ou mieux encore vous ''abonner'' à :
* votre information de profil
* votre réseau social
à partir de n'importe lequel de vos profils.

En outre, il serait agréable si les préférences concernant :
* les notifications
* la vie privée
soient aussi transférées entre profils.

Aussi connu comme un réseau social internet, un réseau de réseaux sociaux.

== Design Patterns et Recettes ==

Le "How To" pour les sites de profil de réseau sociaux qui veulent résoudre les problèmes au-dessus et parvenir aux objectifs ci-dessus.

# Publier des microformats dans vos profils utilisateurs
## implémentez [[hcard-fr|hCard]] sur les pages profils des utilisateurs. Regardez les [[hcard-supporting-profiles-fr|profils-supportant-hcard]] pour une liste de sites qui ont déjà produit ça.
## implémentez [[hcard-fr|hCard]]+[[xfn-fr|XFN]] sur la liste d'amis de vos pages profil d'utilisateurs. Regardez [[hcard-xfn-supporting-friends-lists-fr|profils-supportant-les-listes-d'amis]] pour les sites qui ont déjà produit ça. (par ex. [[http://twitter.com/ Twitter]]).
# Abonnez-vous au microformats pour vos profils utilisateurs :
## au moment de vous enregistrer comme nouvel utilisateur :
### laisser un utilisateur remplir et <em title="Auto-synchroniser c'est plus qu'une importation à un moment donné, vérifiez-le et synchronisez une fois par jour.">"auto-synchroniser"</em> à partir d'un de ses [[hcard-supporting-profiles-fr|profils existants supportant hcard]], son nom, son icône, etc. [http://microformateurs.org/2007/06/21/microformatsorg-a-deux-ans/ Satisfaction Inc supporte déjà ça.]
### laisser un utilisateur remplir et <em title="Auto-synchroniser c'est plus qu'une importation à un moment donné, vérifiez-le et synchronisez une fois par jour.">"auto-synchroniser"</em> sa liste d'amis à partir d'une de ses [[hcard-xfn-supporting-friends-lists|listes existantes d'amis supportant hCard+XFN]]. [http://microformateurs.org/2007/06/21/microformatsorg-a-deux-ans/ Dopplr.com supporte déjà ça.]

== FAQ Portabilité de Réseau Social ==
*''Est-ce que [http://openid.net/ OpenID] n'adresse pas le problème de re-saisie de toutes vos infos de profil personnel ?''
** Non il ne le fait pas. OpenID est fondamentalement là pour prouver à un site que vous possédez ou contrôler toute URL particulière. Rien de plus. Tout le truc de profil est du bonus et même ensuite l'ensemble de propriétés spécifiques n'est pas spécifié dans OpenID. C'est là où [[hcard-fr|hCard]] entre en scène. hCard spécifie un vocabulaire d'information de profil personnel (nom, email, anniversaire, URL etc.) en se basant sur le standard industriel vCard. Et en fait c'est tout ce dont vous avez besoin pour résoudre le problème de re-saisie de "toute votre information personnelle" sur les sites publics - pas besoin d'authentifier des URLs publiques via OpenID, les lire simplement et parser leurs hCards.
*''Est-ce que OpenID ne fournit pas aux personnes un moyen de créer un identifiant globalement unique pour elles-même ?''
** C'est l'URL (par la voie du DNS) qui crée un identifiant globalement unique, pas OpenID. Tout ce que fait OpenID est d'ajouter une couche ''authentification'' pour avoir une URL qui est elle-même un identifiant unique global, ce qui veut dire qu'OpenID est un moyen de revendiquer que vous "possédez" ou autrement contrôlez une URL particulière vers un autre service/site. La qualité fondamentale d'être un identifiant globalement unique est présente dans une URL même sans OpenID. De ce fait, non, ce n'est pas OpenID qui ''crée'' un ''identifiant globalement unique'', mais plutôt, le fait d'utiliser simplement une ''URL'' qui crée un identifiant unique global. un moyen de faire référence à une personne unique fait sens sur l'ensemble du Web. Une URL ''en elle-même'' peut être utilisée comme une base pour les réseaux sociaux portables, parce qu'elle fournit un moyen de faire référene à une personne unique, ce qui fait sens sur l'ensemble du Web. Et ainsi, les personnes peuvent (et le feront) créer plusieurs URLs qui les représentent, aussi une méthode de permettre aux personnes d'assembler ensemble leurs URLs (par ex le rel="me" de XFN) devient importante. Néanmoins, en ajoutant l'authentification, OpenID peut permettre de faire exister des URLs identifiantes globalement uniques pour les personnes, en permettant un accès authentifié (peut-être plus d'information dedans) aux profils et réseaux sociaux représentés sur ces URLs utilisant des microformats.

== Problématiques ==
* pour l'importation/l'abonnement aux hcard des profils utilisateurs, "nous avons besoin d'une heuristique définie pour repérer le propriétaire de la page des amis." - Kevin Marks in IRC.
** Il existe quelques idées et heuristiques proposées pour ça dans [[hcard-brainstorming-fr#d.C3.A9couverte_de_hCard_repr.C3.A9senative|hCard brainstorming: découverte d'une hCard représentative]].[[User:Tantek|Tantek]] 14:35, 31 Jul 2007 (PDT)

L'information de profil peut être un terme très générique à en juger quelques-uns des formats de profils horriblement longs que j'ai vus par exemple sur MyBlogLog. Quelques trucs devraient être essentiels, mais optionnellement vous pouvez ajouter presque tout au profil de quelqu'un. Quelques options qui seraient agréables à avoir :
* marquage hResume pour poste actuel (et précédent) et le parcours scolaire, peut être aussi pour les "skills/champs d'intérêts".
* marquage hReview pour recevoir automatiquement les livres, musiques, films favoris de quelqu'un au lieu de dupliquer ça sur plusieurs sites.
[[User:Alper|Alper]] 05:44, 3 Aug 2007 (PDT)

== Discussion et suggestions ==
* Jeremy Keith : [http://adactio.com/journal/1209/ Twittering] ([http://socialsynergyweb.net/cgi-bin/wiki/XtofWiki/Twittering traduction en fr]) : <blockquote><p>Voici ce que je veux : quand je vais sur le dernier site de réseau social à la mode, je veux qu'il me demande mon URL. Puis il peut s'en aller et télécharger ma [[hcard-fr|hCard]] et ma liste [[xfn-fr|XFN]]. Un formulaire pré-rempli pour mes détails et une liste pré-remplie de contacts potentiels peut alors m'être présentée.</p></blockquote>
* Derek Featherstone : [http://www.boxofchocolates.ca/archives/2006/11/21/solving-problems-with-social-networking Solving problems with social networking]
* Jeremy Keith: [http://adactio.com/journal/1212/ More thoughts on portable social networks]
* Glenn Jones : [http://www.glennjones.net/Post/820/Microformatsandportablesocialnetwork.htm Microformats and portable social network]
* Velvetsarah a [http://www.velvet.id.au/2006/11/23/portable-social-networks/ posté une photo d'écran et un brainstorm] sur la façon dont un site pourrait gérer l'importation de contacts supportant XFN.
[http://www.velvet.id.au/2006/11/23/portable-social-networks/ http://www.velvet.id.au/out/wp-content/uploads/2006/11/picture-9.png]
* Jeremiah Owyang : [http://twitter.com/jowyang/statuses/156097392 Twittering]: <blockquote><p>Et si nous pouvions porter tous nos amis et familles d'un réseau social à un autre. Pourquoi devons nous continuer à ajouter des personnes = ennuyant</p></blockquote>
* Brian Oberkirch : [http://urltea.com/10ee Highrise, microformats and portable social networks]
* Brian Oberkirch: [http://www.brianoberkirch.com/2007/08/08/building-blocks-for-portable-social-networks/ Building Blocks for Portable Social Networks]
* Kevin Lawver : [http://www.lawver.net/archive/2007/07/17/h12_portable_social_networks_at_mashup_camp.php A Portable Social Network Prototype] - Une simple application Ruby on Rails qui utilise OpenID + XFN pour chercher les utilisateurs du site w/ la même page d'accueil sous valeur href et qui vous permet de les ajouter en contacts.
* Robert Gaal: [http://www.53miles.com/archives/making-openid-your-only-online-profile-alpha-dash Making OpenID your only online profile: Alpha Dash] - Une tentative d'abstract pour créer un tableau de bord, à utiliser comme un point de départ pour tous les réseaux sociaux. Il contient quatre éléments : identité, propriété, présence et contacts (voir aussi les commentaires)
* Alper Çuğun: [http://fourstarters.com/2007/06/20/the-future-of-everything-is-social-consolidate-and-take-back-your-social-network/ The Future of Everything is Social: Consolidate and take back your social network]

Voir [[events/2007-07-28-portable-social-networks-meetup#blog_posts|les billets de blog]] ayant suivi la [[events/2007-07-28-portable-social-networks-meetup|rencontre réseau social portable du 28 juillet 2007]].

[http://technorati.com/search/microformats.org/wiki/social-network-portability Voir les réactions sur les blogs].

== Articles ==
* 2007-08-02
** [http://www.brosbeforeblogs.com/2007/08/identity-crisis.html Identity Crisis part 1] <blockquote><p>Nous avons besoin de placer la propriété de la façon dont nous définissons les relations en ligne entre les mains de l'individu, pas aux services qui les utilisent.</p><p>Ma théorie sur la façon dont ce pourrait être réalisé est fondée sur un mariage d'OpenID et un standard ouvert pour définir les relations tel que le [http://microformats.org/ Microformat] [[xfn-fr|XFN]] </p></blockquote>
** [http://www.brianoberkirch.com/2007/08/02/deeelightful-making-profile-import-a-snap/ Deeelightful: Making Profile Import a Snap] <blockquote><p>Pourquoi ne pas faire qu'il soit plus simple pour eux de démarrer directement un profil en réutilisant l'information qu'ils ont déjà sur le [[hcard-fr|Web? quelques services Web avancés marquent déjà les données de profils des utilisateurs avec hCard, un microformat]] qui signifie qu'une personne, un lieu ou une organisation est décrit.</p></blockquote>

== Voir aussi ==

* [[user-interface-fr|interface utilisateur]]
* [[hcard-fr|hCard]]
* [[xfn-fr|XFN]]

== Notes ==
2007-07-28 Réunion entre Daniel Burka, [[User:Tantek|Tantek Çelik]], Eran Globen, Brian Oberkirch au Ritual Coffee Roasters, San Francisco, CA.
* discuté de réseaux sociaux portables, déclaration et énoncé du problème, buts, design patterns, recettes

picoformats-fr

2007-05-23T15:03:35Z

JeanChristopheCapelli: /* Introduction */

<h1> Picoformats </h1>

== Contributeurs ==
* [http://highearthorbit.com Andrew Turner]
* [http://factoryjoe.com/blog Chris Messina]
* Andy Stack de [http://mozes.com Mozes]

(traduction française en cours [[Christophe Ducamp]])

== Introduction ==

Les picoformats représentent un effort actuellement entrepris par [http://factoryjoe.com/blog Chris Messina] et Andy Stack de [http://mozes.com Mozes] pour codifier différents standards et poursuivre ouvertement une nomenclature et une syntaxe afin de communiquer et exécuter des commandes avec des terminaux mobiles via SMS.

Un exemple d'application est l'usage par [http://dodgeball.com Dodgeball] du symbole (@) pour exprimer un lieu.

Utiliser le processus des Microformats et les principes du design de construction de blocs, notre but est ouvertement de développer une syntaxe complète pour interagir avec différents services mobiles en utilisant les caractères disponibles sur la plupart des terminaux mobiles.

== Enoncé du Problème ==
# envoyer des messages à des utilisateurs de mobiles - via SMS, ou une petite application peut contenir de l'information comme des heures de rendez-vous, des lieux, des directions et une information de contact. Par exemple, rappeler aux utilisateurs quand ils ont besoin de partir pour se rendre à leurs rendez-vous, aussi le message peut ressembler à :

leave @ 4:35PM ~Dentist Office -> Detroit, MI

où le texte lui-même est simple et lisible, mais ce *peut* être un petit utilitaire qui parserait le symbole @ pour ajouter l'événement au calendrier, le ~ pour permettre à la personne de rappeler rapidement ce contact, ou le -> pour tirer les Cartes/directions vers l'endroit.

# permettre aux utilisateurs d'écrire des messages pour interroger une application - ceci est similaire à ce que Mozez a démarré avec les notes :

when2where: ?today --- quels rendez-vous ai-je aujourd'hui ?
new @ 4PM ~Olive Garden -> Novi --- ajouter un rendez-vous

En plus du domaine naturel des terminaux mobiles, je pense que les picoformats sont utilisables dans n'importe quel autre contexte où le "balisage" est trop lourd. Par exemple, j'assemble aussi cela dans un robot IRC, whereisbot, qui annonce les endroits de l'utilisateur au fur et à mesure qu'il signe dans un canal, ou permet aux personnes de faire :

.whereami, ou .whereis <nick> pour géolocaliser d'autres personnes dans un canal.

Je veux 'baliser' l'information, mais placer du véritable XHTML ou XML est ennuyeux, parce qu'IRC ne parse pas du tout l'information. Ainsi à cette heure, la réponse est :

ajturner: .whereami
whereisbot: ajturner is in Northville, MI, US [42.4365 x -83.4884]

Ainsi ensuite quelqu'un pourrait écrire un parseur Picoformat pour
X-Chat/Colloquy/autre qui parserait le [ #### x #### ] et fournirait un lien url Carte.

Utiliser les flèches pour indiquer l'heure et le lieu, est quelque chose d'habituel venant des magnétoscopes et autres terminaux.
Quelques idées : <past >future ^now (le chapeau est aussi mémonique pour Here + At) ou >5 (dans un délai de 5 jours) >>5 (dans un délai de 5 semaines) >>>5 (5 mois)

Meeting <Leeds went well. ^Home. See you >london
Sorry, saw them <<2 wanna go see film >3?

== Syntaxes Documentées ==

* [[textmarks-syntax-fr|Textmarks]]
* [[kiboze-syntax-fr|Kiboze]]
* [[twitter-syntax-fr| Twitter]]
* [[mixd-syntax-fr | Mixd]]
* [[tfl-syntax-fr | Transport for London]]
* [[plazes-syntax-fr | Plazes]]
* [[stikkit-syntax-fr | Stikkit]] http://stikkit.com/
* [[actiontastic-syntax-fr | Actiontastic]]
* [[facebook-syntax-fr | Facebook Mobile]]

== Références ==
* [http://www.kiboze.com/kiboze/CustWorks.aspx Kiboze How it Works]
* Flagr : [http://www.flagr.com/help/howto#mobile_creating_flag Créer des flags mobiles]
* [http://www.dodgeball.com/glossary Glossaire Dodgeball]
* [http://twttr.com/t/help/lingo Twttr lingo]
* [http://twitternanoformats.wikispaces.com/ Twttr nanoformats]
* [http://skobee.com/email_howto Syntaxe email de Skobee]
* [http://www.meetmoi.com/1/meetmoi?wicket:bookmarkablePage=:com.mdate.web.GettingStarted#11 Syntaxe MeetMoi]
* [https://www.billmonk.com/about/sms Syntaxe BillMonk]

picoformats-fr

2007-05-21T14:22:31Z

JeanChristopheCapelli: /* Introduction */

<h1> Picoformats </h1>

== Contributeurs ==
* [http://highearthorbit.com Andrew Turner]
* [http://factoryjoe.com/blog Chris Messina]
* Andy Stack de [http://mozes.com Mozes]

(traduction française en cours [[Christophe Ducamp]])

== Introduction ==

Les picoformats représentent un effort actuellement entrepris par [http://factoryjoe.com/blog Chris Messina] et Andy Stack de [http://mozes.com Mozes] pour codifier différents standards et poursuivre ouvertement une nomenclature et une syntaxe afin de communiquer et exécuter des commandes avec des terminaux mobiles via SMS.

Un exemple d'application est l'usage par [http://dodgeball.com Dodgeball] du symbole (@) pour exprimer la vérification vers un lieu.

Utiliser le processus des Microformats et les principes du design de construction de blocs, notre but est ouvertement de développer une syntaxe complète pour interagir avec différents services mobiles en utilisant les caractères disponibles sur la plupart des terminaux mobiles.

== Enoncé du Problème ==
# envoyer des messages à des utilisateurs de mobiles - via SMS, ou une petite application peut contenir de l'information comme des heures de rendez-vous, des lieux, des directions et une information de contact. Par exemple, rappeler aux utilisateurs quand ils ont besoin de partir pour se rendre à leurs rendez-vous, aussi le message peut ressembler à :

leave @ 4:35PM ~Dentist Office -> Detroit, MI

où le texte lui-même est simple et lisible, mais ce *peut* être un petit utilitaire qui parserait le symbole @ pour ajouter l'événement au calendrier, le ~ pour permettre à la personne de rappeler rapidement ce contact, ou le -> pour tirer les Cartes/directions vers l'endroit.

# permettre aux utilisateurs d'écrire des messages pour interroger une application - ceci est similaire à ce que Mozez a démarré avec les notes :

when2where: ?today --- quels rendez-vous ai-je aujourd'hui ?
new @ 4PM ~Olive Garden -> Novi --- ajouter un rendez-vous

En plus du domaine naturel des terminaux mobiles, je pense que les picoformats sont utilisables dans n'importe quel autre contexte où le "balisage" est trop lourd. Par exemple, j'assemble aussi cela dans un robot IRC, whereisbot, qui annonce les endroits de l'utilisateur au fur et à mesure qu'il signe dans un canal, ou permet aux personnes de faire :

.whereami, ou .whereis <nick> pour géolocaliser d'autres personnes dans un canal.

Je veux 'baliser' l'information, mais placer du véritable XHTML ou XML est ennuyeux, parce qu'IRC ne parse pas du tout l'information. Ainsi à cette heure, la réponse est :

ajturner: .whereami
whereisbot: ajturner is in Northville, MI, US [42.4365 x -83.4884]

Ainsi ensuite quelqu'un pourrait écrire un parseur Picoformat pour
X-Chat/Colloquy/autre qui parserait le [ #### x #### ] et fournirait un lien url Carte.

Utiliser les flèches pour indiquer l'heure et le lieu, est quelque chose d'habituel venant des magnétoscopes et autres terminaux.
Quelques idées : <past >future ^now (le chapeau est aussi mémonique pour Here + At) ou >5 (dans un délai de 5 jours) >>5 (dans un délai de 5 semaines) >>>5 (5 mois)

Meeting <Leeds went well. ^Home. See you >london
Sorry, saw them <<2 wanna go see film >3?

== Syntaxes Documentées ==

* [[textmarks-syntax-fr|Textmarks]]
* [[kiboze-syntax-fr|Kiboze]]
* [[twitter-syntax-fr| Twitter]]
* [[mixd-syntax-fr | Mixd]]
* [[tfl-syntax-fr | Transport for London]]
* [[plazes-syntax-fr | Plazes]]
* [[stikkit-syntax-fr | Stikkit]] http://stikkit.com/
* [[actiontastic-syntax-fr | Actiontastic]]
* [[facebook-syntax-fr | Facebook Mobile]]

== Références ==
* [http://www.kiboze.com/kiboze/CustWorks.aspx Kiboze How it Works]
* Flagr : [http://www.flagr.com/help/howto#mobile_creating_flag Créer des flags mobiles]
* [http://www.dodgeball.com/glossary Glossaire Dodgeball]
* [http://twttr.com/t/help/lingo Twttr lingo]
* [http://twitternanoformats.wikispaces.com/ Twttr nanoformats]
* [http://skobee.com/email_howto Syntaxe email de Skobee]
* [http://www.meetmoi.com/1/meetmoi?wicket:bookmarkablePage=:com.mdate.web.GettingStarted#11 Syntaxe MeetMoi]
* [https://www.billmonk.com/about/sms Syntaxe BillMonk]

picoformats

2007-05-21T14:09:47Z

JeanChristopheCapelli: Twttr nanoformats

= Picoformats =

== Contributors ==
* [http://highearthorbit.com Andrew Turner]
* [http://factoryjoe.com/blog Chris Messina]
* Andy Stack, [http://mozes.com Mozes]

== Introduction ==

Picoformats represent an effort being undertaken by [http://factoryjoe.com/blog Chris Messina] and Andy Stack of [http://mozes.com Mozes] to codify various standards and openly pursue a nomenclature and syntax for communicating and executing commands with mobile devices over SMS or via command line interfaces (CLI).

An example application is [http://dodgeball.com Dodgeball's] use of the at symbol (@) to express checking in to a place.

Using the Microformats process and principles of building block design, our goal is to openly develop a complete syntax for interacting with various mobile services using the characters available on most mobile devices.

== Problem Statement ==

# send messages to user mobiles - via SMS, or a small application,
that contains information like appointment times, locations,
directions, and contact info. For example, when2where.com reminds
users when they need to leave to get to their appointment, so the
message may be like:

leave @ 4:35PM ~Dentist Office -> Detroit, MI

where the text itself is simple and readable, but there *may* be an
small utility that would parse the @ symbol to add the event to the
calendar, the ~ to allow the person to quickly call that contact, or
the -> to pull up a Map/directions to the location

# allow users to write messages to query an application - this is
similar to what Mozes has started with notes:

when2where: ?today --- what appointements to I have today
new @ 4PM ~Olive Garden -> Novi --- add an appointment

In addition to the obvious mobile device arena, I think picoformats
are usable in any context where "markup" is too heavy. For example, I
also just put together an IRC bot, whereisbot, that announces user
locations as they sign into a channel, or allows people to do:

.whereami, or .whereis <nick> to geolocate other people in a channel.

I want to 'markup' the information, but putting actual XHTML or XML is
annoying, since IRC doesn't parse the information at all. So right now
the response is:

ajturner: .whereami
whereisbot: ajturner is in Northville, MI, US [42.4365 x -83.4884]

So then someone could write a Picoformat parser for
X-Chat/Colloquy/other that would parse the [ #### x #### ] and provide
a Map url link.

Using arrows to denote time and place, familiar from video recorders and other devices.
Some thoughts: <past >future ^now (the hat is also mnemonic for Here + At) or >5 (in five days time) >>5 (in 5 weeks time) >>>5 (5 months)

Meeting <Leeds went well. ^Home. See you >london
Sorry, saw them <<2 wanna go see film >3?

== Documented Syntaxes ==

* [[actiontastic-syntax | Actiontastic]]
* [[facebook-syntax | Facebook Mobile]]
* [[igtd-syntax | iGTD]]
* [[kiboze-syntax|Kiboze]]
* [[mixd-syntax | Mixd]]
* [[plazes-syntax | Plazes]]
* [[quickpack-syntax | QuickPack]]
* [[stikkit-syntax | Stikkit]] http://stikkit.com/
* [[textmarks-syntax|Textmarks]]
* [[tfl-syntax | Transport for London]]
* [[twitter-syntax | Twitter]]

== References ==

* [http://www.kiboze.com/kiboze/CustWorks.aspx Kiboze How it Works]
* Flagr: [http://www.flagr.com/help/howto#mobile_creating_flag Creating mobile flags]
* [http://www.dodgeball.com/glossary Dodgeball Glossary]
* [http://twttr.com/t/help/lingo twttr lingo]
* [http://twitternanoformats.wikispaces.com/ A proposal for Twttr nanoformats]
* [http://skobee.com/email_howto Skobee's email syntax]
* [http://www.meetmoi.com/1/meetmoi?wicket:bookmarkablePage=:com.mdate.web.GettingStarted#11 MeetMoi syntax]
* [https://www.billmonk.com/about/sms BillMonk syntax]

picoformats-fr

2007-05-21T14:09:09Z

JeanChristopheCapelli: Twttr nanoformats]

<h1> Picoformats </h1>

== Contributeurs ==
* [http://highearthorbit.com Andrew Turner]
* [http://factoryjoe.com/blog Chris Messina]
* Andy Stack de [http://mozes.com Mozes]

(traduction française en cours [[Christophe Ducamp]])

== Introduction ==

Les picoformats représentent un effort actuellement entrepris par [http://factoryjoe.com/blog Chris Messina] et Andy Stack de [http://mozes.com Mozes] pour codifier différents standards et poursuivre ouvertement une nomenclature et une syntaxe afin de communiquer et exécuter des commandes avec des terminaux mobiles sur le SMS.

Un exemple d'application est l'usage par [http://dodgeball.com Dodgeball] du symbole (@) pour exprimer la vérification vers un lieu.

Utiliser le processus des Microformats et les principes du design de construction de blocs, notre but est ouvertement de développer une syntaxe complète pour interagir avec différents services mobiles en utilisant les caractères disponibles sur la plupart des terminaux mobiles.

== Enoncé du Problème ==
# envoyer des messages à des utilisateurs de mobiles - via SMS, ou une petite application peut contenir de l'information comme des heures de rendez-vous, des lieux, des directions et une information de contact. Par exemple, rappeler aux utilisateurs quand ils ont besoin de partir pour se rendre à leurs rendez-vous, aussi le message peut ressembler à :

leave @ 4:35PM ~Dentist Office -> Detroit, MI

où le texte lui-même est simple et lisible, mais ce *peut* être un petit utilitaire qui parserait le symbole @ pour ajouter l'événement au calendrier, le ~ pour permettre à la personne de rappeler rapidement ce contact, ou le -> pour tirer les Cartes/directions vers l'endroit.

# permettre aux utilisateurs d'écrire des messages pour interroger une application - ceci est similaire à ce que Mozez a démarré avec les notes :

when2where: ?today --- quels rendez-vous ai-je aujourd'hui ?
new @ 4PM ~Olive Garden -> Novi --- ajouter un rendez-vous

En plus du domaine naturel des terminaux mobiles, je pense que les picoformats sont utilisables dans n'importe quel autre contexte où le "balisage" est trop lourd. Par exemple, j'assemble aussi cela dans un robot IRC, whereisbot, qui annonce les endroits de l'utilisateur au fur et à mesure qu'il signe dans un canal, ou permet aux personnes de faire :

.whereami, ou .whereis <nick> pour géolocaliser d'autres personnes dans un canal.

Je veux 'baliser' l'information, mais placer du véritable XHTML ou XML est ennuyeux, parce qu'IRC ne parse pas du tout l'information. Ainsi à cette heure, la réponse est :

ajturner: .whereami
whereisbot: ajturner is in Northville, MI, US [42.4365 x -83.4884]

Ainsi ensuite quelqu'un pourrait écrire un parseur Picoformat pour
X-Chat/Colloquy/autre qui parserait le [ #### x #### ] et fournirait un lien url Carte.

Utiliser les flèches pour indiquer l'heure et le lieu, est quelque chose d'habituel venant des magnétoscopes et autres terminaux.
Quelques idées : <past >future ^now (le chapeau est aussi mémonique pour Here + At) ou >5 (dans un délai de 5 jours) >>5 (dans un délai de 5 semaines) >>>5 (5 mois)

Meeting <Leeds went well. ^Home. See you >london
Sorry, saw them <<2 wanna go see film >3?

== Syntaxes Documentées ==

* [[textmarks-syntax-fr|Textmarks]]
* [[kiboze-syntax-fr|Kiboze]]
* [[twitter-syntax-fr| Twitter]]
* [[mixd-syntax-fr | Mixd]]
* [[tfl-syntax-fr | Transport for London]]
* [[plazes-syntax-fr | Plazes]]
* [[stikkit-syntax-fr | Stikkit]] http://stikkit.com/
* [[actiontastic-syntax-fr | Actiontastic]]
* [[facebook-syntax-fr | Facebook Mobile]]

== Références ==
* [http://www.kiboze.com/kiboze/CustWorks.aspx Kiboze How it Works]
* Flagr : [http://www.flagr.com/help/howto#mobile_creating_flag Créer des flags mobiles]
* [http://www.dodgeball.com/glossary Glossaire Dodgeball]
* [http://twttr.com/t/help/lingo Twttr lingo]
* [http://twitternanoformats.wikispaces.com/ Twttr nanoformats]
* [http://skobee.com/email_howto Syntaxe email de Skobee]
* [http://www.meetmoi.com/1/meetmoi?wicket:bookmarkablePage=:com.mdate.web.GettingStarted#11 Syntaxe MeetMoi]
* [https://www.billmonk.com/about/sms Syntaxe BillMonk]

User:JeanChristopheCapelli

2007-05-21T10:50:38Z

JeanChristopheCapelli:

<div class="vcard">
<span class="n fn">
<span class="given-name">Jean-Christophe</span>
<span class="family-name">Capelli</span>
</span>

<h4>Courriel</h4>
<span class="mail">jeanchristophe.capelli AT gmail.com</span>

<h4>Adresse</h4>
<span class="adr">
<div class="street-address">50 avenue Pierre Mendès France</div>
<span class="postal-code">75013</span> <span class="locality">Paris</span> - <span class="country-name">France</span>
</span>
</div>

User:JeanChristopheCapelli

2007-05-21T10:50:18Z

JeanChristopheCapelli:

User:JeanChristopheCapelli

2007-05-21T10:49:23Z

JeanChristopheCapelli:

<div class="vcard">
<span class="n fn">
<span class="given-name">Jean-Christophe</span>
<span class="family-name">Capelli</span>
</span>

<h4>courriel</h4>
<span class="mail">jeanchristophe.capelli AT gmail.com</span>

<h4>Adresse</h4>
<span class="adr">
<div class="street-address">50 avenue Pierre Mendès France</div>
<span class="postal-code">75013</span> <span class="locality">Paris</span> - <span class="country-name">France</span>
</span>

<a href="http://feeds.technorati.com/contacts/http://www.wikiservice.at/fractal/wikidev.cgi?FR/PinkoMarketing/JeanChristopheCapelli">Ajouter à votre carnet d'adresses.</a>
</div>

User:JeanChristopheCapelli

2007-05-21T10:43:05Z

JeanChristopheCapelli:

<div id="hcard-Jean-Christophe-Capelli" class="vcard"><img style="float:left; margin-right:4px" src="http://farm1.static.flickr.com/96/245356173_12f32fe528_s.jpg" alt="photo" class="photo"/><a class="url fn" href="http://capelli.typepad.fr/capelli/">Jean-Christophe Capelli</a><div class="org">BarCampBank - P2PLending</div><div class="adr"><span class="locality">Paris</span><span class="country-name">France</span></div><p style="font-size:smaller;">Cette <a href="http://microformats.org/wiki/hcard-fr">hCard</a> a été créée avec <a href="http://microformats.org/code/hcard/creator">hCard creator</a>.</p><p style="font-size:smaller;"><a href="http://feeds.technorati.com/contacts/http://www.wikiservice.at/fractal/wikidev.cgi?FR/PinkoMarketing/JeanChristopheCapelli">Ajouter à votre carnet d'adresses.</a></p></div>

User:JeanChristopheCapelli

2007-05-21T10:41:53Z

JeanChristopheCapelli: JeanChristopheCapelli hCard page

<div id="hcard-Jean-Christophe-Capelli" class="vcard">
<img style="float:left; margin-right:4px" src="http://farm1.static.flickr.com/96/245356173_12f32fe528_s.jpg" alt="photo" class="photo"/>
<a class="url fn" href="http://capelli.typepad.fr/capelli/">Jean-Christophe Capelli</a>
<div class="org">BarCampBank - P2PLending</div>
<div class="adr">
<span class="locality">Paris</span>

<span class="country-name">France</span>

</div>
<p style="font-size:smaller;">Cette <a href="http://microformats.org/wiki/hcard-fr">hCard</a> a été créée avec <a href="http://microformats.org/code/hcard/creator">hCard creator</a>.</p>
<p style="font-size:smaller;"><a href="http://feeds.technorati.com/contacts/http://www.wikiservice.at/fractal/wikidev.cgi?FR/PinkoMarketing/JeanChristopheCapelli">Ajouter à votre carnet d'adresses.</a></p>

</div>

picoformats

2007-05-21T10:39:09Z

JeanChristopheCapelli: BillMonk SMS syntax

= Picoformats =

== Contributors ==
* [http://highearthorbit.com Andrew Turner]
* [http://factoryjoe.com/blog Chris Messina]
* Andy Stack, [http://mozes.com Mozes]

== Introduction ==

Picoformats represent an effort being undertaken by [http://factoryjoe.com/blog Chris Messina] and Andy Stack of [http://mozes.com Mozes] to codify various standards and openly pursue a nomenclature and syntax for communicating and executing commands with mobile devices over SMS or via command line interfaces (CLI).

An example application is [http://dodgeball.com Dodgeball's] use of the at symbol (@) to express checking in to a place.

Using the Microformats process and principles of building block design, our goal is to openly develop a complete syntax for interacting with various mobile services using the characters available on most mobile devices.

== Problem Statement ==

# send messages to user mobiles - via SMS, or a small application,
that contains information like appointment times, locations,
directions, and contact info. For example, when2where.com reminds
users when they need to leave to get to their appointment, so the
message may be like:

leave @ 4:35PM ~Dentist Office -> Detroit, MI

where the text itself is simple and readable, but there *may* be an
small utility that would parse the @ symbol to add the event to the
calendar, the ~ to allow the person to quickly call that contact, or
the -> to pull up a Map/directions to the location

# allow users to write messages to query an application - this is
similar to what Mozes has started with notes:

when2where: ?today --- what appointements to I have today
new @ 4PM ~Olive Garden -> Novi --- add an appointment

In addition to the obvious mobile device arena, I think picoformats
are usable in any context where "markup" is too heavy. For example, I
also just put together an IRC bot, whereisbot, that announces user
locations as they sign into a channel, or allows people to do:

.whereami, or .whereis <nick> to geolocate other people in a channel.

I want to 'markup' the information, but putting actual XHTML or XML is
annoying, since IRC doesn't parse the information at all. So right now
the response is:

ajturner: .whereami
whereisbot: ajturner is in Northville, MI, US [42.4365 x -83.4884]

So then someone could write a Picoformat parser for
X-Chat/Colloquy/other that would parse the [ #### x #### ] and provide
a Map url link.

Using arrows to denote time and place, familiar from video recorders and other devices.
Some thoughts: <past >future ^now (the hat is also mnemonic for Here + At) or >5 (in five days time) >>5 (in 5 weeks time) >>>5 (5 months)

Meeting <Leeds went well. ^Home. See you >london
Sorry, saw them <<2 wanna go see film >3?

== Documented Syntaxes ==

* [[actiontastic-syntax | Actiontastic]]
* [[facebook-syntax | Facebook Mobile]]
* [[igtd-syntax | iGTD]]
* [[kiboze-syntax|Kiboze]]
* [[mixd-syntax | Mixd]]
* [[plazes-syntax | Plazes]]
* [[quickpack-syntax | QuickPack]]
* [[stikkit-syntax | Stikkit]] http://stikkit.com/
* [[textmarks-syntax|Textmarks]]
* [[tfl-syntax | Transport for London]]
* [[twitter-syntax | Twitter]]

== References ==

* [http://www.kiboze.com/kiboze/CustWorks.aspx Kiboze How it Works]
* Flagr: [http://www.flagr.com/help/howto#mobile_creating_flag Creating mobile flags]
* [http://www.dodgeball.com/glossary Dodgeball Glossary]
* [http://twttr.com/t/help/lingo twttr lingo]
* [http://skobee.com/email_howto Skobee's email syntax]
* [http://www.meetmoi.com/1/meetmoi?wicket:bookmarkablePage=:com.mdate.web.GettingStarted#11 MeetMoi syntax]
* [https://www.billmonk.com/about/sms BillMonk syntax]

picoformats-fr

2007-05-21T10:36:22Z

JeanChristopheCapelli: Ajout référence syntaxe BillMonk

<h1> Picoformats </h1>

== Contributeurs ==
* [http://highearthorbit.com Andrew Turner]
* [http://factoryjoe.com/blog Chris Messina]
* Andy Stack de [http://mozes.com Mozes]

(traduction française en cours [[Christophe Ducamp]])

== Introduction ==

Les picoformats représentent un effort actuellement entrepris par [http://factoryjoe.com/blog Chris Messina] et Andy Stack de [http://mozes.com Mozes] pour codifier différents standards et poursuivre ouvertement une nomenclature et une syntaxe afin de communiquer et exécuter des commandes avec des terminaux mobiles sur le SMS.

Un exemple d'application est l'usage par [http://dodgeball.com Dodgeball] du symbole (@) pour exprimer la vérification vers un lieu.

Utiliser le processus des Microformats et les principes du design de construction de blocs, notre but est ouvertement de développer une syntaxe complète pour interagir avec différents services mobiles en utilisant les caractères disponibles sur la plupart des terminaux mobiles.

== Enoncé du Problème ==
# envoyer des messages à des utilisateurs de mobiles - via SMS, ou une petite application peut contenir de l'information comme des heures de rendez-vous, des lieux, des directions et une information de contact. Par exemple, rappeler aux utilisateurs quand ils ont besoin de partir pour se rendre à leurs rendez-vous, aussi le message peut ressembler à :

leave @ 4:35PM ~Dentist Office -> Detroit, MI

où le texte lui-même est simple et lisible, mais ce *peut* être un petit utilitaire qui parserait le symbole @ pour ajouter l'événement au calendrier, le ~ pour permettre à la personne de rappeler rapidement ce contact, ou le -> pour tirer les Cartes/directions vers l'endroit.

# permettre aux utilisateurs d'écrire des messages pour interroger une application - ceci est similaire à ce que Mozez a démarré avec les notes :

when2where: ?today --- quels rendez-vous ai-je aujourd'hui ?
new @ 4PM ~Olive Garden -> Novi --- ajouter un rendez-vous

En plus du domaine naturel des terminaux mobiles, je pense que les picoformats sont utilisables dans n'importe quel autre contexte où le "balisage" est trop lourd. Par exemple, j'assemble aussi cela dans un robot IRC, whereisbot, qui annonce les endroits de l'utilisateur au fur et à mesure qu'il signe dans un canal, ou permet aux personnes de faire :

.whereami, ou .whereis <nick> pour géolocaliser d'autres personnes dans un canal.

Je veux 'baliser' l'information, mais placer du véritable XHTML ou XML est ennuyeux, parce qu'IRC ne parse pas du tout l'information. Ainsi à cette heure, la réponse est :

ajturner: .whereami
whereisbot: ajturner is in Northville, MI, US [42.4365 x -83.4884]

Ainsi ensuite quelqu'un pourrait écrire un parseur Picoformat pour
X-Chat/Colloquy/autre qui parserait le [ #### x #### ] et fournirait un lien url Carte.

Utiliser les flèches pour indiquer l'heure et le lieu, est quelque chose d'habituel venant des magnétoscopes et autres terminaux.
Quelques idées : <past >future ^now (le chapeau est aussi mémonique pour Here + At) ou >5 (dans un délai de 5 jours) >>5 (dans un délai de 5 semaines) >>>5 (5 mois)

Meeting <Leeds went well. ^Home. See you >london
Sorry, saw them <<2 wanna go see film >3?

== Syntaxes Documentées ==

* [[textmarks-syntax-fr|Textmarks]]
* [[kiboze-syntax-fr|Kiboze]]
* [[twitter-syntax-fr| Twitter]]
* [[mixd-syntax-fr | Mixd]]
* [[tfl-syntax-fr | Transport for London]]
* [[plazes-syntax-fr | Plazes]]
* [[stikkit-syntax-fr | Stikkit]] http://stikkit.com/
* [[actiontastic-syntax-fr | Actiontastic]]
* [[facebook-syntax-fr | Facebook Mobile]]

== Références ==
* [http://www.kiboze.com/kiboze/CustWorks.aspx Kiboze How it Works]
* Flagr : [http://www.flagr.com/help/howto#mobile_creating_flag Créer des flags mobiles]
* [http://www.dodgeball.com/glossary Glossaire Dodgeball]
* [http://twttr.com/t/help/lingo Twttr lingo]
* [http://skobee.com/email_howto Syntaxe email de Skobee]
* [http://www.meetmoi.com/1/meetmoi?wicket:bookmarkablePage=:com.mdate.web.GettingStarted#11 Syntaxe MeetMoi]
* [https://www.billmonk.com/about/sms Syntaxe BillMonk]

kiboze-syntax-fr

2007-05-21T10:28:20Z

JeanChristopheCapelli: /* Qu'est-ce que Kiboze */

== Qu'est-ce que Kiboze ==

Du fondateur : "La promesse de Kiboze est simple. Nous sommes déjà connectés avec nos amis via notre service de MI préféré (AOL, MSN, Yahoo!, GTalk, etc). En outre, nous gérons nos contacts via l'email, les téléphones mobiles, MySpace, etc... L'idée/concept de beaucoup des réseaux sociaux mobiles (Dodgeball, etc) est une fonctionnalité géniale mais "ré-inviter" et gérer tous vos amis dans maintenant un autre endroit est simplement trop. Kiboze permet aux gens d'utiliser leurs contacts de MI d'une toute autre manière. Envoyez un message texto à Kiboze et nous passerons ce message à tous vos amis, que ce soit vers leur téléphone (texto) ou par MI ... vos contacts sont déjà ici." - Jay Cody, Kiboze

<table style="width:460px;border:1px solid silver;"><tr><th>Feature</th><th>Command</th><th>Description</th></tr></table>

picoformats-fr

2007-05-21T10:25:19Z

JeanChristopheCapelli: /* Enoncé du Problème */

<h1> Picoformats </h1>

== Contributeurs ==
* [http://highearthorbit.com Andrew Turner]
* [http://factoryjoe.com/blog Chris Messina]
* Andy Stack de [http://mozes.com Mozes]

(traduction française en cours [[Christophe Ducamp]])

== Introduction ==

Les picoformats représentent un effort actuellement entrepris par [http://factoryjoe.com/blog Chris Messina] et Andy Stack de [http://mozes.com Mozes] pour codifier différents standards et poursuivre ouvertement une nomenclature et une syntaxe afin de communiquer et exécuter des commandes avec des terminaux mobiles sur le SMS.

Un exemple d'application est l'usage par [http://dodgeball.com Dodgeball] du symbole (@) pour exprimer la vérification vers un lieu.

Utiliser le processus des Microformats et les principes du design de construction de blocs, notre but est ouvertement de développer une syntaxe complète pour interagir avec différents services mobiles en utilisant les caractères disponibles sur la plupart des terminaux mobiles.

== Enoncé du Problème ==
# envoyer des messages à des utilisateurs de mobiles - via SMS, ou une petite application peut contenir de l'information comme des heures de rendez-vous, des lieux, des directions et une information de contact. Par exemple, rappeler aux utilisateurs quand ils ont besoin de partir pour se rendre à leurs rendez-vous, aussi le message peut ressembler à :

leave @ 4:35PM ~Dentist Office -> Detroit, MI

où le texte lui-même est simple et lisible, mais ce *peut* être un petit utilitaire qui parserait le symbole @ pour ajouter l'événement au calendrier, le ~ pour permettre à la personne de rappeler rapidement ce contact, ou le -> pour tirer les Cartes/directions vers l'endroit.

# permettre aux utilisateurs d'écrire des messages pour interroger une application - ceci est similaire à ce que Mozez a démarré avec les notes :

when2where: ?today --- quels rendez-vous ai-je aujourd'hui ?
new @ 4PM ~Olive Garden -> Novi --- ajouter un rendez-vous

En plus du domaine naturel des terminaux mobiles, je pense que les picoformats sont utilisables dans n'importe quel autre contexte où le "balisage" est trop lourd. Par exemple, j'assemble aussi cela dans un robot IRC, whereisbot, qui annonce les endroits de l'utilisateur au fur et à mesure qu'il signe dans un canal, ou permet aux personnes de faire :

.whereami, ou .whereis <nick> pour géolocaliser d'autres personnes dans un canal.

Je veux 'baliser' l'information, mais placer du véritable XHTML ou XML est ennuyeux, parce qu'IRC ne parse pas du tout l'information. Ainsi à cette heure, la réponse est :

ajturner: .whereami
whereisbot: ajturner is in Northville, MI, US [42.4365 x -83.4884]

Ainsi ensuite quelqu'un pourrait écrire un parseur Picoformat pour
X-Chat/Colloquy/autre qui parserait le [ #### x #### ] et fournirait un lien url Carte.

Utiliser les flèches pour indiquer l'heure et le lieu, est quelque chose d'habituel venant des magnétoscopes et autres terminaux.
Quelques idées : <past >future ^now (le chapeau est aussi mémonique pour Here + At) ou >5 (dans un délai de 5 jours) >>5 (dans un délai de 5 semaines) >>>5 (5 mois)

Meeting <Leeds went well. ^Home. See you >london
Sorry, saw them <<2 wanna go see film >3?

== Syntaxes Documentées ==

* [[textmarks-syntax-fr|Textmarks]]
* [[kiboze-syntax-fr|Kiboze]]
* [[twitter-syntax-fr| Twitter]]
* [[mixd-syntax-fr | Mixd]]
* [[tfl-syntax-fr | Transport for London]]
* [[plazes-syntax-fr | Plazes]]
* [[stikkit-syntax-fr | Stikkit]] http://stikkit.com/
* [[actiontastic-syntax-fr | Actiontastic]]
* [[facebook-syntax-fr | Facebook Mobile]]

== Références ==
* [http://www.kiboze.com/kiboze/CustWorks.aspx Kiboze How it Works]
* Flagr : [http://www.flagr.com/help/howto#mobile_creating_flag Créer des flags mobiles]
* [http://www.dodgeball.com/glossary Glossaire Dodgeball]
* [http://twttr.com/t/help/lingo twttr lingo]
* [http://skobee.com/email_howto syntaxe email de Skobee]
* [http://www.meetmoi.com/1/meetmoi?wicket:bookmarkablePage=:com.mdate.web.GettingStarted#11 syntaxe MeetMoi]

hcard-examples-in-wild-fr

2007-03-28T16:46:02Z

JeanChristopheCapelli: /* Exemples pour se conformer */

<h1>Exemples de hCard dans la jungle</h1>

Cette page est une section '''informative''' de la [[hcard-fr|spécification des hCards]].

Les sites suivants ont publié des [[hcard-fr|hCards]], et de ce fait sont un endroit merveilleux pour quiconque cherchant des exemples "dans la jungle" pour essayer de parser, indexer, organiser, etc.

Si les personnes ou sociétés sur votre site sont balisées avec hCard (même simplement votre propre information de contact), sentez-vous à l'aise pour les ajouter en haut de cette liste. Assurez-vous svp d'inclure au moins une URL vers une page sur votre site qui comprenne un véritable balisage [[hcard-fr|hCard]]. Les exemples ajoutés sans un URL vers une page avec un balisage hCard pourront être supprimés.

Vous voulez démarrer par écrire une [[hcard-fr|hCard]] ? Utilisez l'application [http://microformats.org/code/hcard/creator hCard creator] pour écrire quelque information de contact et la publier, ou suivez les [[hcard-authoring-fr|astuces de pubication hCard]] pour ajouter un balisage hCard à votre page contact actuelle.

==Exemples pour se conformer ==
=== Nouveaux exemples ===

SVP ajoutez de nouveaux exemples '''en haut''' de cette section de façon qu'ils puissent être critiqués.
* [http://claimid.com/jeanchristophe Jean-Christophe Capelli] sur une [http://www.wikiservice.at/fractal/wikidev.cgi?FR/PinkoMarketing/JeanChristopheCapelli page personnelle] d'une branche-wiki dédiée à construire un groupe francophone sur le pinkomarketing. Aidé par Christophe Ducamp, microformateur de tous les instants.
* [http://source.ibegin.com/ iBegin Source] utilise hCard pour identifier l'information des entreprises pour toutes les plus de 10.5 millions d'entreprises recensées.
* [http://www.lounews.com/ The Louisville News Company] utilise hCard pour l'information de contact sur tout le site pour la société et le développeur du site.
* [http://cloudislands.com/contact.php Cloud Islands] utilise hCard pour l'innformation de contact.
* [http://www.international.unt.edu UNT International] utilise hCard pour baliser l'information de contact sur tout le site (voir particulièrement [http://www.international.unt.edu/offices/ieli/people/instructors/profiles la liste des profils des instructeurs IELI])
* [http://www.giraffo.de giraffo.de] a différentes hCards sur chaque page (+ geo dans "kontakt")
* [http://www.enap.com ENAP, Inc.] liste le contact de la DRH en format hCard sur la page [http://www.enap.com/career.aspx Career Opportunities].
* Les listes des panélistes et participants à [http://sxsw07.conferenceer.com/people Conferenceer] durant la conférence interactive 2007 South de Southwest est au format hCard.
* [http://news.stanford.edu Stanford News] (Redesign) hCard dans le pied de page sur chaque page tout comme le balisage pour chaque membre du staff sur la page Staff.
* [http://www.wikiservice.at/fractal/wikidev.cgi?FR/EveMoreau Valérie-Eve Moreau] a bricolé une hCard sur sa page personnelle-wiki.
* [http://en.wikipedia.org/wiki/St_George%27s_Minster%2C_Doncaster St George's Minster, Doncaster, sur Wikipedia]
* AOL Journals publie des hCards pour les auteurs. [http://journals.aol.com/carowill/whats-happening Example]
* La [http://ian.mckellar.org/ home page] de Ian McKellar est une hCard stylée pour ressembler à une carte de visite professionnelle.
* [[Christophe Ducamp]] sur une [http://www.wikiservice.at/fractal/wikidev.cgi?FR/MicroFormats/ChristopheDucamp page personnelle] d'une branche-wiki dédié à construire un groupe francophone sur les microformats. Aidé par Laurent Lunati pour le design, tout le monde peut la corriger en [http://www.wikiservice.at/fractal/wikidev.cgi?action=edit&id=FR/MicroFormats/ChristopheDucamp éditant la page].
* [http://www.matthewwest.co.uk Matthew West] a une hCard sur sa page [http://www.matthewwest.co.uk/email contact].
* Le portofolio du FreeLance en développement web [http://www.webmaster.waw.pl Paweł Wrzosek]
*[http://thibeaultstudios.com Thibeault Studios] a une hCard d'entreprise dans le pied de page sur chaque page tout comme des hCards individuelles sur la page [http://thibeaultstudios.com/contact_us.php Contact].
*Le balisage hCard [http://www.stanford.edu/ Stanford.edu] est inclus dans le pied de page de la page d'accueil et toutes les pages subséquentes dans le répertoire /home.
*[http://openid.ne.jp OpenID.ne.jp] Premier fournisseur de service OpenID au Japon (日本語). Chaque page personnelle OpenID (par ex :[http://eouia.openid.ne.jp http://eouia.openid.ne.jp]) est balisée sous hCard. Et il y a aussi une hCard de société sur chaque page.
* L'adresse de [http://www.qwertycars.co.uk/garages/mechanics-near-tadworth.aspx UK Car Garages] au Royaume Uni au format hCard.
* La page About Us de [http://www.columbiaautomation.com/sub/contact.php Columbia Automation] a balisé chaque employé sous une hCard et dispose aussi d'une hCard de société avec l'information geo.
* [http://www.pointermix.com Pointermix Design] utilise le format hCard.
* La page contact de [http://eight6.com/contact/ eight6] utilise le format hCard
* Les listes d'annonces de [http://www.raveaboutit.com.au Rave About It] utilisent le format hCard.
* La page de l'équipe d'[http://optics.org/cws/Contact/OurTeam.do optics.org].
* La première tentative de [http://www.robcottingham.ca/contact Rob Cottingham] dans les microformats est une hCard sur la page contact de son blog personnel (Il a été inspiré par la présentation de Tantek Çelik lors de Web Directions North 2007.)
* [http://redmonk.net/about-this-site Steve Ivy] - hcard sur la page "about", inclut les suspects usuels + XFN sur les 'url's, photo, et geo.
* L'[http://seattleu.edu Université de Seattle] utilise hCard sur sa page d'accueil et la plupart des pages qui partagent un gabarit officiel.
* [http://www.josemarti.waw.pl L'école secondaire José Marti XXII à Varsovie] inclut hCard sur les sections Contact et A propos de l'auteur
* Jaama a mis ses détails de société sous une vCard téléchargeable sur sa page [http://www.jaama.co.uk/Contact.aspx contact].
* [http://3amproductions.net 3AM Productions] a les détails de société balisés sous hCard sur tout le site et particulièrement pour [http://3amproductions.net/jason.php Jason] et [http://3amproductions.net/gilbert.php Gilbert]
* [http://berlin.barwick.de/index.html Berlin Guide] est en train de convertir son balisage d'adresses en hCard, par ex. [http://berlin.barwick.de/shopping/kadewe-kaufhaus-des-westens.html KaDeWe]
* [http://www.xlntads.com XLNTads] a son information de contact balisée en hCard, tout comme son plan de développement balisé en hCalendar
* [http://derrick.pallas.us Derrick Pallas] dit aux personnes de le chercher là.
* [http://bluemonkcreative.com/contact/ Bill Turner] ajoute une hCard à la page contact de son site web de freelance.
* [http://www.oppenheim.com.au/ Le blog de James Oppenheim] inclut une hCard de l'auteur dans la ligne dans le pied de page de chaque page et aussi sur la page de contact.
* [http://steinhardt.nyu.edu/ NYU Steinhardt] a [http://steinhardt.nyu.edu/faculty_bios/list/Faculty plus de 240 bios de faculté balisées], par ex. [http://steinhardt.nyu.edu/faculty_bios/view/Susan_Murray].
* [http://www.boogdesign.com/aboutus.html boogdesign.com] a ajouté une syntaxe hCard sur la page de contact.
* [http://www.gptg.org GreatPlaceToGolf], hCards pour les clubs de golf autour du monde, par exemple [http://www.gptg.org/club/12/]. Utilisation de hCard pour les joueurs et les terrains de golf, geo pour les coordonnées des terrains, et hAtom. Réalisé par FredericLepied
* [http://www.economie-poitiers.fr/ Le Service Développement Economique de la Communauté d'agglomération de Poitiers] a utilisé une hCard pour son information de contact en bas de page.
* [http://www.lesgenets.com/ Le camping des Genêts à l'ile de Ré] a utilisé une hCard pour inclure ses informations de contact.
* [http://www.entrepots-lafond.fr/ Le site des entrepots Lafond] a publié ses informations de contact à l'aide d'une hCard.
* [http://www.walkerfineart.com Walker Fine Art Gallery] La plupart des pages contiennent une hCard en pied de page.
* [http://www.brdatasystems.com.au/contact-us.html B&R Data Systems] est une hCard d'organisation. Nous avons aussi utilisé l'outil technorati pour la télécharger sous une vCard, ce qui je pense est utile pour une entreprise.
* [http://chewbittel.com/contact.php Chew Bittel Assoc., Inc.] est une hCard d'organisation. Il y a des abbr's dedans et un champ téléphone dupliqué et quelques choses cachées. J'essaie vraiment de pousser les choses à leur limite ici. Ce devrait être un bon test pour votre parseur.
* la [http://redmonk.net/about-this-site/ page about] de [[User:Steve Ivy|Steve Ivy]] a sa hCard, comprenant un lien vers son fil de contact Technorati pour laisser les visiteurs télécharger son information de contact.
* La hCard de Scott Allan Wallick est [[User:ScottWallick|sa page utilisateur]] et sur son blog, [http://www.plaintxt.org/about/2/ plaintxt.org]
* La hCard de [[User:Bob_Jonkman|Bob Jonkman]] '''sur ce 'wiki''''
* [http://www.last.fm Last FM] a des hCards cachées sur ses pages profils par ex. [http://www.last.fm/user/Crok/?scrobbling=t1].
* [http://thetenwordreview.com The Ten Word Review] contient simplement des critiques de dix mots. Toutes les critiques sont balisées sous des [[hreview-fr|hReviews]] et l'information utilisateur est balisée sous hCard.
* Le [http://www.westmidlandbirdclub.com/ West Midland Bird Club] dans les English Midlands utilise hCard sur sa [http://www.westmidlandbirdclub.com/ home page], son [http://www.westmidlandbirdclub.com/diary/ annuaire d'événements], sa page [http://www.westmidlandbirdclub.com/club/contact.htm contact], sa page de [http://www.westmidlandbirdclub.com/site/links.htm liens], la [http://www.westmidlandbirdclub.com/club/older.htm liste des anciens] et dans un pied de page qui est graduellement implémenté sur tout le site.
* OffshoreAgile.com, un sous-site de Starsoft Development Labs, utilise hCard dans les sections [http://www.offshoreagile.com/company/contact/ Contacts Starsoft] et 'Media Inquiries'.
* T-Mobile utilise hCard pour la [http://t-mobilepressoffice.co.uk/press/contact-details/ page T-Mobile UK Press Contact Details], tout comme pour quelques-uns de ses derniers communiqués de presse.
* La division de publication 'Psychology Press' et 'Routledge's Behavioral' a implémenté des pages contact sur 17 de ses sites web (exemple sur la page contact de [http://www.clinicalpsychologyarena.com/contact/ Clinical Psychology Arena])
*[http://72ppi.us 72ppi], utilise hCard dans le pied de page.
*[http://www.csarven.ca Sarven Capadisli] utilise hCard dans tout le site (y compris les commentaires utilisateurs dans les articles).
* [https://www.urbanbody.com/information/contact-us Urban Body Men's Clothing] utilise hCard pour les adresses des magasins et hCalendar pour les horaires d'ouverture.
* [http://www.iqair.us/ IQAir North America], utilise hCard pour l'information de contact.
* [http://www.infoiasi.ro/ Le site web de la Faculté des Computer Science], "A. I. Cuza" University Iaşi, Romania utilise hCard pour chaque membre du staff.
* [http://www.finds.org.uk/ The Portable Antiquities Scheme au British Museum] a des hCards ajoutées dans le pied de page de chaque page et vers les section des contacts. En train de travailler pour en ajouter plus.
* Dans [http://www.ideasfornet.com/ IdeasForNet.com - the ideas repository] des hCards ont été implémentées partiellement dans le pied de page de chaque page, et de façon plus compréhensive dans les pages contact et à propos.
* Le [http://www.cst.ed.ac.uk/ Centre of Canadian Studies] à l'Université d'Edinburgh utilise les hCards pour l'information de contact dans le pied de page du site.
* [http://www.theatrestudies.llc.ed.ac.uk/ Theatre Studies: European Theatre] à l'Univiersité d'Edinburg utilise les hCards pour l'information de contact sur sa page d'accueil.
* [http://www.carolinemockett.com/design/about.aspx Caroline Mockett] a une hCard sur sa page About Me
* [http://wait-till-i.com Christian Heilmann] a une adresse en pied de page utilisant hCard
*[http://www.audience-response-rentals.com/ Audience Response System Rentals] utilise hCard comme un popup dans l'aire d'accessibilité du site (en bas à droite) pour un copier/coller facile de l'adresse par ses clients.
* [http://www.fischsolutions.com/ Fisch Internet Solutions] utilise une hCard embarquée et une vCard pour fournir aux clients un moyen facile de les contacter sur leur section [http://fischsolutions.com/contactus.html Contact Us] du site web.
* [http://www.micatholicconference.org/ Michigan Catholic Conference] utilise hCard pour l'information de contact dans la barre latérale.
* [http://www.adambunn.co.uk/ Adam Bunn] fournit les détails de contact dans la barre latérale en utilisant hCard.
* [http://www.belkin.com/pressroom/releases/uploads/10_10_06NotebookExpansionDock.html Les communiqués de presse de Belkin] utilisent les hCards pour les contacts de Relations Publiques et les bureaux.
* [http://mybank.com myBank.com] utilise hCard pour ses listings de chaque branche de chaque banque assurée FDIC aux Etats-Unis.
* [http://leftlogic.com Left Logic] utilise hCard pour l'information de contact embarquée.
* [http://inga-art.co.uk/artist Inga Scholes] utilise hCard pour l'information de contact dans la barre latérale.
* [http://www.lussumo.com/ Lussumo] utilise hCard sur les pages de profil dans son forum de discussions logiciel [http://www.getvanilla.com/ Vanilla].
* [http://www.creative-ways.nl/ Ron Kok] utilise des hCards pour baliser les noms et URLs des commentateurs sur son blog. Il utilise aussi les hCards en combinaison avec XFN dans ses billets de blog pour pointer vers des amis et a une hcard pour lui-même dans le pied de page de son blog.
* La page des [http://www.parisweb2006.org/orateurs.php orateurs de paris web 2006] (Paris-France) contient une hCard pour tous les intervenants.
* [http://tagg.no Tagg Media] utilise hCard pour l'[http://heine.tagg.no/contact.php information de contact] et fournit un lien vers un téléchargement de vcard dans la section contact.
* L'article à propos du personnage de Matrixx [http://en.wikipedia.org/wiki/Neo_%28The_Matrix%29 Thomas A Anderson dans Wikipedia] est maintenant balisé avec hCard.
* [http://dconstruct06.madgex.com/ d.Construct 2006 Backnetwork] utilise des hCards pour les congressistes à la conférence (et fournit le balisage de façon à ce que les congressistes puisses copier et coller leurs cartes dans leurs propres sites).
* [http://www.brown.edu Brown University] utilise maintenant hCard sur la page d'accueil.
* [http://www.wideblueyonderweb.co.uk Dunks chez Wide Blue Yonder Web Design] a ajouté un balisage hCard sur sa [http://www.wideblueyonderweb.co.uk/wbyw/pages/contact.htm page contact] et cherche à l'implémenter sur toutes les pages des contacts passés et futurs pour les clients.
* [http://southamptonrubberstamp.com Southampton Rubber Stamp Company] a déspormais un balisage hCard avec un téléchargement de vCard sur chaque page.
* [http://barefoot-ceramics.com Barefoot Ceramics paint your own pottery studio] (à Newport, South Wales) a ajouté un balisage hCard à sa page [http://barefoot-ceramics.com/find#address "Find"] page et d'autres exemples d'adresses. Ils espèrent mettre en oeuvre un listing d'événement hCalendar dès qu'une classe PHP ics vers hCalendar puisse être trouvée ou écrite.
* IBM embrasse les microformats. L'[http://www.ibm.com/contact/employees/ annuaire "IBM Employee"] renvoie maintenant des hCards dans ses résultats de recherche. Regardez aussi [http://www.ibm.com/shortcuts/ le Podcast Shortcuts].
* [http://dsingleton.co.uk/ David Singleton] a ajouté une hCard à son blog.
* [http://krisswatt.co.uk/ Kriss Watt] a caché une hCard dans le pied de page de son blog.
* [http://www.thestreet.org.au The Street Theatre (Canberra, Australia)] a ajouté un balisage hCard pour baliser vers sa page [http://www.thestreet.org.au/contact.htm Contact Us]. Un balisage hCalendar sera bientôt ajouté pour toutes les pièces.
* [http://www.informatik.uni-hamburg.de/SVS/personnel/henrich/index.php Henrich C. Pöhls] a balisé sa page "about" en utilisant hcard, y compris sa clé PGP qui est stockée dans une "abbr title", en utilisant class=key.
* [http://www.yalf.de Yalf Webentwicklung] a sa page [http://www.yalf.de/kontakt d'information de contact] disponnible sous hCard (et vCard).
* [http://www.zeldman.com/about/ Jeffrey Zeldman]. Jeffrey Zeldman a balisé sa page 'about' en utilisant hCard.
* [http://WhereAreYouCamping.com Where Are You Camping]. Des hCards pour tous les membres et camps, employant tout aussi bien 'include pattern'. A la limite de ce que je connais, c'est le premier Burning Man en rapport avec l'implémentation des microformats, pour ne pas citer des adresses dans Black Rock City.
* [http://www.clacksweb.org.uk Clackmannanshire Council ]. hCard est implémenté pour tous les détails de contact sur le site et pour des individus spécifiques comme les membres élus (les 'Councillors').
* [http://www.webdirections.org Web Directions ]. La hCard est utilisée comme information de contact pour la conférence, et les conférenciers sont balisés avec hCard.
* [http://www.markthisdate.com/contactform.html MarkThisDate.com ]. Une hCard est implémentée sur notre formulaire de contact. Pour nos calendriers les hCalendars suivront dès que possible.
* [http://kollitsch.de/ Patrick Kollitsch] a construit son Profil personnel sous hCard.
* [http://www.msiinet.com/contact/ MSI Systems Integrators] a sa page "Contact MSI" encodé avec des hCards.

* [http://www.coolblue.nl/ Le site web corporate de Coolblue BV]. Les hCards ont été implémentées à la fois dans le pied de page de chaque page, et dans la section "News" pour l'information contact presse.
* [http://www.besancon.fr/index.php?p=32 Le site officiel de la ville de Besançon (France)] utilise hCard pour chaque page concernant les petites villes entourant Besançon.
* [http://2006.dconstruct.org/speakers/ la liste des conférenciers d.Construct 2006] a été implémentée en utilisant des hCards.
* [http://local.yahoo.com Yahoo Local] supporte maintenant les hCards pour les commerces et endroits dans les résultats de recherche
* [http://learningtheworld.eu/imprint/ Learning the World] a une information hCard sur l'impression, parce ce que nous n'avons pas réussi à baliser proprement les numéros de téléphone et de fax professionnels.
* Le site web [http://www.fuckparade.org F’parade] utilise hcard, même s'il n'a pas trouvé un type pour distinguer les numéros de téléphone mobile et fixes ''(recommandation utiliser <code>cell</code> pour les mobiles)''.
* [http://www.miranet.nl/contact.htm Miranet Webdesign] a ajouté une hCard sur sa [http://www.miranet.nl/contact.htm page 'contact']
* [http://weblog.200ok.com.au/ Ben Buchanan] a ajouté une vCard à la page [http://weblog.200ok.com.au/about/ 'About'sur le welbog 200ok]
* [http://www.radiantcore.com Radiant Core] a son information de contact [http://www.radiantcore.com/contact/ disponible dans la hCard].
* [http://www.mikerumble.co.uk/ Mike Rumble] [http://www.mikerumble.co.uk/contact.html a mis en ligne sa hCard].
* [http://www.saumag.edu/ Southern Arkansas University] a son pied de page encodé comme une hCard.
* [http://main.uab.edu/ University of Alabama at Birmingham] a son pied de page contact encodé sous hCard.
* [http://www.capital.edu Capital University] a le contact en pied de page et les noms des blogueurs encodés sous hCard. Aussi, toutes les informations de pages spécifiques de contact sont encodées sous hCards (voir la page [http://www.capital.edu/Internet/Default.aspx?pid=67 Admissions] pour un exemple)
* [http://main.uab.edu/shrp/ UAB School of Health Professions] utilise hCard dans son pied de page contact
* [http://green.carisenda.com/ Stephen Stewart] a sa hCard sur la page d'accueil de son weblog (section 'You are here')

* [http://www.fberriman.com/ Frances Berriman] a une vCard cachée dans les pieds de page de son site web.
* [http://www.candlescience.com/ CandleScience Candle Supply] a ajouté une hcard cachée sur tout le site.
* [http://www.direction.es/ Direction] utilise hCard pour l'information de contact.
* [http://audiobank.tryphon.org AudioBank] utilise hCard pour afficher les informations des membres.
* [http://www.vivabit.com/atmedia2006/speakers/ @media speakers] sont balisés avec hCard (les photos dépendent du support du tag BASE ce qui fait de cela un très bon cas de test)
* [http://www.dougransom.com Doug Ransom] utilise hCard pour sa pratique de conseil financier.
* [http://rubyandrails.org/usergroups/newcastle/members.html ncl.rb] utilise hCard pour l'information de contact.
* [http://www.snowinteractive.com/ Snow Interactive] utilise hCard pour l'information de contact.
* [http://flickr.com Flickr] supporte maintenant [[hcard-fr|hCard]] et [http://gmpg.org/xfn XFN] sur les pages de profil. Voir [http://flickr.com/photos/factoryjoe/113866484/ photo d'écran de l'interface utilisateur dans le navigateur Flock utilisant l'extension Flocktails - 17 mars 2006].
* [http://www.ndiyo.org/contact information contact pour le projet Ndiyo]
* [http://www.pixelenvy.co.uk/ Pixel Envy] utilise hCard pour l'information de contact sur chaque page.
* [http://stilbuero.de/contact/ Klaus Hartl] utilise hCard dans la barre latérale pour l'information de contact (peut être plus facile à parser à travers la distribution xhtml que xml).
* [http://charlvn.virafrikaans.com/contact hCard de Charl van Niekerk]
* [http://billy-girlardo.com/WP/ BillyBLOGirlardo] utilise hCard pour l'information de contact.
* [http://www.hicksdesign.co.uk/ Hicksdesign] utilise hCard pour l'information de contact.
* http://www.gr0w.com/articles/press/growsearch_launched_press_release/ - hCard dans un communiqué de presse pour l'information contact de presse.
* http://www.redmonk.com/cote/archives/2006/03/testing_out_mic.html - hCard avec explication
* [http://andy.ciordia.info/ it's my island], blog personnel, hcard sur la page ''[http://andy.ciordia.info/pages/about_me About the Writer]''. [[User:Ciordia9|Andy Ciordia]]
* [http://www.windowonwoking.org.uk/ Window on Woking], un site de communauté locale au Royaume-Uni, utilise hCard dans la page d'accueil de chaque membre de l'organisation et conseiller local.
* [http://ChunkySoup.net/ ChunkySoup.net] a reconçu le site complet en utilisant hAtom 0.1 et les hCards -- par [[User:ChrisCasciano|Chris Casciano]]

* [http://www.30boxes.com/ 30 Boxes], une application de calendrier social et agrégateur de style de vie digital, crée automatiquement une hcard pour vous avec votre compte. Il est trouvé sous Settings > Syndication.
* [http://www.nearwhere.com/ Nearwhere.com] vous permet de mettre une hcard sur une carte interactive.
* [http://www.brentozar.com/ Brent Ozar] a ajouté une page [http://www.brentozar.com/contact.php contact] hCard.
* [http://www.kerihenare.com/ Keri Henare] a récrit sa page [http://www.kerihenare.com/contact/ contact] hCard. Utilisant maintenant <code><object></code> au lieu de <code><img></code> pour la photo. (Merci à Brian Suda pour avoir mis à jour le convertisseur vCard)
* [http://michaelraichelson.com/contact/ Michael Raichelson] avait un hCard sur sa page contact avant SXSW, mais n'avait jamais pensé à l'ajouter ici jusqu'à ce que Tantek lui ait demandé.
* [http://www.commoner.com/~lsimon/lindsey_simon_hcard.html Lindsey Simon] a ajouté une hCard à son site suite à la demande SXSW de Tantek pour que les types l'essayent.
* [http://www.davidgagne.net/ David Gagne] a une hCard dans sa barre latérale.
* [http://www.churchzip.com/map/ Churchzip.com/map] et [http://www.skiwhere.com/map/ Skiwhere.com/map], mettent des églises, hôtels et stations de ski sur les mêmes cartes. Les endroits sont mis en page sous forme de hcards.
* Toutes les [http://www.iqdir.com/ IQ Directory Solutions] des portails web des Yellow Pages utilisent la syntaxe [[hcard-fr|hCard]] sur les listes. Par exemple, [http://www.yellowpages-cambodia.com/ Cambodia Yellow Pages] et [http://www.superpages.com.my/ Malaysia Super Pages]
* L'application cloneable Group de ning utilise la correspondance floue pour mapper les champs personnalisés en syntaxe [[hcard-fr|hCard]] sur ses [http://group.ning.com/index.php?controller=person&action=view&content=JonathanAquino pages profile].
* [http://claimid.com/factoryjoe La hCard ClaimID de Chris Messina]
* [http://factoryjoe.com/blog/hcard La hCard de Chris Messina]
* [http://flock.com/about Flock About]
* [http://tantek.com/microformats/2006/03-01-TechPlenAgenda.html Agenda: W3C Technical Plenary Day, March 1 2006] a une syntaxe [[hcard-fr|hCard]] et [[hcalendar-fr|hCalendar]]. ([http://www.w3.org/2006/03/01-TechPlenAgenda.html original ici]).
* [http://www.gr0w.com/articles/press/growsearch_launched_press_release/ GrowSearch Launched (Press Release)] utilise un hCard pour fournir le Contact du Point Presse.
* La [http://www.arborday.org/ National Arbor Day Foundation] a commencé à utiliser les hCards pour ses [http://arborday.org/programs/conferences/hazardtrees-treeplanting/ conférences]
[http://arborday.org/programs/conferences/communityforestry/index.cfm à venir]
* [http://www.multipack.co.uk The Multipack] a de nombreuses hCards, tout spécialement sur [http://www.multipack.co.uk/members/ les pages membres], tout comme pour les informations des prochaines réunions.
* [http://deadringrancor.livejournal.com/ Justin McDowell] a utilisé une hCard pour faire référence [http://deadringrancor.livejournal.com/221332.html à une personne dans son billet de blog]
* [http://davecardwell.co.uk/cv/ Dave Cardwell] a inclus sa hCard dans son Curriculum Vitae.
* [http://blog.usweb.com/ Shaun Shull] a écrit un billet magnifique sur [http://blog.usweb.com/archives/how-microformats-affect-search-engine-optimization-seo How Microformats Affect SEO], et a inclus sa [[hcard-fr|hCard]] comme l'un des exemples.
* [http://www.thefutureoftheweb.com/ Jesse Skinner] a écrit un [http://www.thefutureoftheweb.com/blog/2006/1/hcard tutoriel simple avec des exemples]
* [http://www.w3.org/2005/12/allgroupoverview.html 2006 W3C Technical Plenary Week] a marqué tous les participants, contacts et membres du comité de programme avec hCard.
* [http://www.avf-nexus.co.uk AVF-Nexus] a une hCard sur sa [http://www.avf-nexus.co.uk/contact/ page contact] - (par [http://creation.uk.com Creation"])
* [http://www.thefantasticos.com/andrew/ Andrew White] a posté [http://www.thefantasticos.com/andrew/index.php/my-hcard/ sa hCard] et [http://www.thefantasticos.com/andrew/index.php/62/microformats-the-should-have-been-obvious-web-dev-tool/ a blogué à propos].
* [http://www.2sheds.ru Oleg "2sheds" Kourapov] dans son [http://www.2sheds.ru/blog/ blog] ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog X2V]) a transformé son profil personnel en hCard ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/hcard.html X2V]) et sa blogroll - par une combinaison de XFN/hCards ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/friends.html X2V])
* [http://www.approveddesign.co.uk Approved Design Consultancy] a une hCard sur sa [http://www.approveddesign.co.uk/about/contact/ page contact] tout comme sur sa [http://www.approveddesign.co.uk/about/people/ section "people"] - (par [http://creation.uk.com Creation"])
* [http://weblog.200ok.com.au/ Ben Buchanan] et [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search Colin Morris] ont [http://weblog.200ok.com.au/2006/01/griffith-phonebook-adds-hcard-and.html implémenté les hCards et vCards] pour [http://www.griffith.edu.au/find/content_phonebook.html l'annuaire téléphonique en ligne] de l'[http://www.griffith.edu.au Université Griffith]. par ex. [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=ben+buchanan&format=search la vCard de Ben] et [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search la vCard de Colin]
* WWF-Australia [http://wwf.org.au/about/contactdetails/ page "contact details"]
* [http://rasterweb.net/raster/ Pete Prodoehl] a utilisé le format hCard sur sa page [http://rasterweb.net/raster/contact.html Contact]
* [http://alexander-mette.de amette] utilise le format hCard dans un module de son blog motorisé par TikiWiki
* [http://staff.washington.edu/oren/weblog2/ Oren Sreebny] a une hCard sur son gabarit principal
* [http://www.cs.brandeis.edu/~zippy/ Patrick Tufts] a une hCard sur sa page personnelle.
* [http://ascii20.blogspot.com/ Mathias Kolehmainen et Jamie Taylor] ont des hCards sur leur weblog.
* [http://www.hoppsan.org/jamesb/blogger/ Barnaby James] a une hCard sur son weblog.
* [http://esa-education.com/schools/map ESA Education] utilise les hCards pour ses 100+ écoles et chacun des sites individuels des écoles.
* [http://www.thereisnocat.com/#vcard Ralph Brandi] a ajouté une hCard à la barre latérale de son weblog suite à la présentation des Microformats de Tantek Çelik lors de SXSW 2006.
* [http://www.yellowpencil.com/contact/ Yellow Pencil] utilise les microformats pour présenter l'information de contact de la société.
* [http://www.pierce.ctc.edu/ephone/ Pierce College] -- le répertoire de la communauté du collège utilise hCard sur toutes les entrées individuelles des carnets d'adresses.
* [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/ the Institutional Web Management Workshop 2006] a balisé tous ses [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/committee/ présentateurs avec hCard].
* http://wikitravel.org/en/Singapore/Sentosa. Wikitravel est en train d'expérimenter hcard sur ses guides de voyage. Ce guide utilise hcard pour tous ses listings d'affaires. Plus d'informations sur http://wikitravel.org/en/Wikitravel_talk:Listings.
* [http://www.musik-erber.de/ Musik-Erber] utilise hcard pour présenter l'information de contact dans sa barre latérale.
* [http://cdevroe.com/about/#contact Colin D. Devroe] utilise hCard pour afficher son information de contact sur sa page "about".
* L'ECS (Scool of Electronics and Computer Science à l'Université de Southampton), les [http://www.ecs.soton.ac.uk/people People Pages] utilisent vCard. Contactez cjg@ecs.soton.ac.uk s'il y a quelque bug.
* [http://www.southwestern.edu/~ramseyp Pat Ramsey] a son information de contact sur son blog balisée avec hCard. Contacter [mailto:ramsey.pat@gmail.com ramsey.pat@gmail.com] s'il y a quelque bug.
* [http://www.meryl.net/ Meryl K. Evans] a une hCard cachée sur sa page d'accueil.
* [http://www.vyre.com/company/contact-us/ VYRE] est une société de développement de CMS avec une hCard "contact us"
* [http://www.lefdal.cc/info.php Alf Kåre Lefdal] utilise hCard dans le balisage de son information de contact.
* [http://www.pignwhistle.com.au/ Pig N Whistle, une chaîne de pubs dans Brisbane, Australie] utilise hCard pour baliser toutes les pages contacts pour ses établissements et son siège social.
* [http://kollitsch.de/ Patrick Kollitsch] a construit son Profil personnel sous hCard.
* [http://www.hbs.edu/faculty/dspar/ Harvard Business School] a des hCards sur ses pages 'faculty'
* [http://openmikes.org/ openmikes.org] utilise des hCards pour les adresses des lieux dans les pages listes détaillées.
* [http://www.intertecnollc.com/ InterTecno, LCC] publie une hCard sur la page d'accueil et la page contact.
* [http://canaltcm.com/ver/sobre-tcm Le site web de Turner Classic Movies TCM espagnol] a publié les détails de contacts sous une hCard
* [http://rejuvenation.com/ Rejuvenation] utilise maintenant hCard pour son information de contact.
* [http://www.mattash.com/contact/ Matthew Ash] utilise hCard dans sa section contacts.
* [http://yarmouthguide.com/business.php Yarmouth Guide] utilise hCard pour chaque page de détails sur le business.
* [http://www.merchantcircle.com MerchantCircle] a embarqué une hCard dans chacun de ses listings professionnels de plus de 15 millions d'adresses.

=== Exemples Révisés ===
Les Nouveaux Exemples Révisés qui sont beaux peuvent être migrés ici pour indiquer qu'ils ont été critiqués et révisés. Ou prenez la prochaine étape et notez quel type d'exemple dans la jungle chacun d'eux en fait parti, et puis svp migrez le vers la section 2 des "Exemples Groupés".

* [http://vcardplus.info/show.asp?uid=Z9959-06323 Greg Bays], l'auteur de vCardPlus! a fait que ses sites vCard affichent la compatibilité hCard.
* [http://www.nfwebsolutions.com/ New Frontier Web Solutions] utilise hCard sur sa page d'accueil avec un lien pointant vers le [http://suda.co.uk/projects/X2V/get-vcard?uri=http://www.nfwebsolutions.com/ X2V] de Brian Suda.
* [http://shiftingpixel.com/about/the-artist shifting pixel photoblog] a publié une hCard.
* [http://thoughtport.blogspot.com/ Aiden Kenny] n'a pas encore publié sa hcard, mais il a [http://thoughtport.blogspot.com/2005/07/elemental-particles-of-web.html publié son icône hCard] : http://photos1.blogger.com/blogger/4224/444/320/AK-Hcard-icon.gif
* [http://thedredge.org Andy Hume] utilise les hcards pour baliser les noms et URLs des commentateurs sur son blog, par ex son [http://thedredge.org/2005/06/using-hcards-in-your-blog/ billet de blog sur "Using hCards in your blog"].
* La page [http://www.bidclix.com/AboutContact.html Contact BidClix] de [http://www.bidclix.com/ BidClix] a son ''contact info'' balisé avec hCard.
* [http://suda.co.uk/ Brian Suda] a embarqué une photo dans [http://suda.co.uk/contact/ sa hCard] à travers le [http://www.ietf.org/rfc/rfc2397.txt schéma de data uri] en convertissant l'image en code BASE64. Regardez le Source pour voir comment cela est réalisé. [http://suda.co.uk/projects/X2V/get-vcard.php?uri=http%3A//suda.co.uk/contact/ Le lien X2V] extraira l'image et l'encodera pour une vCard qui sera affichée dans quelques applications de carnets d'adresses.
** Inspiré par ça, j'ai pensé essayer la même chose pour SVG sur [http://barefoot-ceramics.com/find Barefoot] ...
** <img class="photo" style="display:none;" src="data:image/svg+xml;text,<?xml version='1.0' encoding='UTF-8' standalone='no'?><svg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.0' width='50' height='80' id='svg3957'><defs id='defs3959' /><path d='M 28.91433,...32.192802 z' style='fill:#cc4d00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.625;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1' id='path9551' /></svg>" alt="Barefoot">
** Est-ce que cela fonctionne ?? Oui cela parse bien. Quelques outils automatiques remplacent le < avec %3C (etc., par ex. la forme vcard de Brian Suda). Malheureusement Kontact (KDE contacts tool) ne gère pas le SVG sous une photo vCard ou un format logo - je ne sais pas si c'est un standard. Il semble que cela pourrait fontionner et même fonctionne quelque part. Peut-être que le champ texte a besoin d'être encodé en Base64 ? ... voir [http://slashdot.org/~pbhj/journal/142382 le journal slashdot de pbhj] pour en savoir un peu plus à ce propos.
* [http://cinematreasures.org Cinema Treasures] utilise hCard pour baliser l'information des participants sur plus de 10,000 cinémas.
* [http://www.w3.org/People/Connolly/events/ L'index des présentations et événements de Dan Connolly] a des hCards pour bon nombre des personnes rencontrées lors de ces événements. En mars 2006, il a migré un paquet d'informations de contacts d'hôtels à partir de son PDA vers cette page ; elle est désormais montée à 32 hCards.
* [http://doncrowley.blogspot.com/ Don Crowley] a publié [http://www.crowley.nl/hcard.html son hCard] tout comme un joli bouton hCard : http://www.crowley.nl/images/hcard.png
* [http://loadaveragezero.com/hnav/contact.php Douglas W. Clifton] a ajouté tous les types d'information de contact.
* [http://eventful.com Eventful] publie toutes les pages d'informations des lieux avec des hCards embarquées.
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band Contacts] - 95 hCards [http://weblog.randomchaos.com/archive/2005/10/24/Microformats/ balisées par Scott Reynen]
* [http://JackWolfgang.blogspot.com Jack L. Wolfgang II] a [http://jack.randomata.com/resume/ converti les adresses dans son CV en hCards].
* [http://www.efas.fupl.asso.fr/efas/_Mathieu-Drouet_.html Mathieu Drouet] et [http://www.efas.fupl.asso.fr/efas/_Annie-Leger_.html Annie Leger] ont tous deux des hCards
* [http://www.oliverbrown.me.uk/ Oliver Brown] a publié sa hCard.
* [http://www.paradigmproductions.org/contact/ Paradigm Productions] a publié une hCard sous un ul (balisée par [http://www.linkingarts.com/ Peter Jacobson])
* [http://www.splintered.co.uk/ Patrick H. Lauke] a balisé [http://www.splintered.co.uk/about/ son information de contact avec hCard].
* Paul Schreiber a publié sa hCard sur [http://paulschreiber.com/about/?contact sa page "about"].
* Le site [http://concerts.shrub.ca/ Sunnyvale House Concerts] de [http://paulschreiber.com/blog/ Paul Schreiber] publie des hcards pour les artistes à venir, tout comme une hCard pour la page elle-même. En outre, la page [http://concerts.shrub.ca/shows Past Shows] contient la page [http://concerts.shrub.ca/shows Past Shows] contient des hCards pour tous les artistes étant passés.
* [http://www.paulmichaelsmith.com/blog/hcard.htm Paul Smith] a créé une page hCard qui est Lisible par un Humain, et un lien vers X2V passant la même page hCard pour générer une vCard.
* [http://www.windley.com/archives/2005/07/hcards_trying_o.shtml Phil Windley a publié] [http://phil.windley.org/hcard.html sa hCard].
* [http://www.go-curiosity.com/about.htm Piercarlo Slavazza] a publié une hCard.
* [http://zooibaai.nl/ Rob Mientjes] a publié une hCard sur [http://zooibaai.nl/about/ sa page about].
* [http://rbach.priv.at/Contact Robert Bachmann] a publié sa hCard et [http://rbach.priv.at/Images/hcard un bouton].
* [http://blah Scott Reynen a publié sa hCard sur [http://www.randomchaos.com/document.php?source=scott_reynen sa page profil].
* [http://www.stackframe.com/ StackFrame, LLC] a publié les informations de contacts des [http://www.stackframe.com/people/ employés] et [http://www.stackframe.com/contact/ générales] sous des hCards.
* [http://www.wolfsreign.com Steven Ametjan] a publié sa hCard sur [http://www.wolfsreign.com/about/ sa page about].
* [http://tantek.com/microformats/2005/syndicate/speakers-list.html Syndicate - la liste des Conférenciers] est publiée sous un ensemble de hCards
* [http://tagcamp.org/index.cgi?ContactList liste des contacts TagCamp]
* [http://www.deadringerart.com/ The Brothers McDowell] ont des hCards sur leur page Contact.
* [http://twinsparc.com/ Twinsparc] a mis une hCard dans l'en-tête et le pied de page de toutes ses pages.
* [http://tantek.com/microformats/2005/web2/speakers.html la page Web 2.0 Conference speakers est balisée avec hCard]

* [http://we05.com/ Web Essentials 05] a balisé tous ses [http://we05.com/presenters.cfm conférenciers avec hCard].
* [http://www.uoguelph.ca/directory/ L'Université de Guelph] inclut une info hCard dans son répertoire.
* [http://www.child-care-index.net.au/ The Australian Child Care Index] a plus de 3000 entrées dans son annuaire des services de protection des enfants en Australie - et chacune d'entre elle est marquée avec une hCard !
* [http://www.cadforless.com/partners/ CADforless, Inc.] nous avons listé nos partenaires en utilisant hCard
* [http://avon.com/ Avon] - publie tous les contacts des 40 000 représentants Avons avec hCard.
* La page [http://flock.com/about Flock About] supporte le microformat hCard.
** par [[implementations#Flock|Flock]]
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band]
* La [http://www.nature.com/ Nature homepage], utilise [[XOXO-fr|XOXO]].
** par [[implementations#Nature Publishing Group|Nature Publishing Group]]
* [http://concerts.shrub.ca/shows Sunnyvale House Concerts] supporte hCard et [[hcalendar-fr|hCalendar]].
* Le moteur de recherche [http://www.bath.ac.uk/contact/ Person Finder] de l'[http://www.bath.ac.uk/ Université de Bath] supporte hCard, voir par ex. la page de [http://www.bath.ac.uk/person/760874 Mrs A Smith].
* [http://www.monster-prague.cz/ Monster Prague Openings] supporte hCard, par ex. home page, une liste de contacts à venir.

=== Exemples avec quelques problèmes ===

Les entrées peuvent être migrées ici s'il y a un problème avec la façon dont les hCards sont utilisées sur la page concernée. Si la page est la vôtre, et que vous vouliez l'améliorer, regardez les [[hcard-faq-fr|hCard FAQ]], ou soulevez toute question sur les [[hcard-issues-fr|problématiques hCard]] ou [[mailing-lists-fr#microformats-discuss|la liste de discussion]], où les personnes seront heureuses de vous aider.
* [http://www.alexa.com Alexa Internet] a balisé sa page des [http://www.alexa.com/site/company/managers managers] avec hCard.
**Titre du job de la personne dans le "fn". [[User:AndyMabbett|Andy Mabbett]]
* [http://www.naturalengland.org.uk/press/default.htm Natural England] (nouvelle agence de gouvernement au Royaume Uni, formée 2006-10-01).
** Pas de "fn" - ce qui fait que c'est invalide.
*[http://wizardishungry.com/blog/ wizardishungry/blog] a la hCard de l'auteur dans le pied de page de chaque page avec un lien vers X2V.
** les données de l'address sont cachées en utilisant CSS.
*[http://drop-off.co.uk G3:2] utilise hCard avec des tags geo dans le copyright et sur la page about me.
** La donnée Address est cachée en utilisant CSS.
* [http://zdnet.co.uk/misc/contact/ ZDnet Contact Us Page] supporte [[hcard-fr|hCard]].
** par [http://www.subtleasafish.com/ James Myers] et [http://www.fromthefrontend.co.uk/2006/11/23/zdnet-uses-microformats/ David Long]
**Les images et adresse email sont cachées ; les numéros de téléphone ne sont pas compatibles avec [http://en.wikipedia.org/wiki/E.123 E.123]
* [http://gbraad.nl/ Gerard Braad] a publié un exemple sur sa page [http://gbraad.nl/site/?p=profile profile] qui est presque cohérent avec son fichier original [http://gbraad.nl/files/gbraad.vcf vCard]. Aussi un progrès est fait pour transformer son fichier [http://files.gbraad.nl/foaf.rdf FoaF] vers une représentation encodée hCard. (produit aussi pour mon épouse :[http://spouse.gbraad.nl/site/?p=profile Yong Yuan])

** (2005-09-27) PASSED, PASSED
** AVERTISSEMENTS
*** utilise 'n given-name' et 'n family-name' au lieu d'imbriquer les given- et family- names dans le 'n'
*** a une valeur 'tel' avec un paquet de valeurs dedans
*** probablement plus de problèmes --[[User:RyanKing|RyanKing]] 17:19, 5 Jan 2006 (PST)
* [http://kinrowan.net/ Cori Schlegel] [http://kinrowan.net/blog/wp/archives/2005/07/08/a-problem-with-the-structured-blogging-plug-in-for-wordpress/ discute comment il a mis à jour] [http://kinrowan.net/blog/contact sa page contact avec hCard]
** INVALIDE - utilise 'prefix' au lieu de 'honorific-prefix' et les type's dans les noms de classes (à la fois dans adr et tel) et il a deux photo's (la seconde pourrait être 'logo') --[[User:RyanKing|RyanKing]] 15:15, 5 Jan 2006 (PST)
* Le 'good ship' [http://styrheim.com/test/leonid.html Leonid Miloslavskiy] a pointé dans l'Atlantique Nord.
** INVALIDE --[[User:RyanKing|RyanKing]] 00:50, 27 Oct 2005 (PDT)
*** class="family" devrait être probablement family-name
*** la propriété "n" manque et l'optimisation "n" ne peut pas être appliquée
*** la première propriété geo est vide, la seconde est invalide (c'est à dire qu'elle ne contient pas lat/long)
* [http://landsbank.fo/#hCard Landsbanki Føroya]
** INVALIDE - utilise de manière invalide du RDF/XML embarqué
* [http://chrischerry.name/blog/contact/ la page contact de Chris Cherry avec sa hCard]
** <strike>AVERTISSEMENT - utilise class="cell" au lieu de <span class="type">cell</span></strike> Réparé -- [[User:Seriph|Chris Cherry]] 19:54, 15 Sep 2006 (PST)
* Les résultats du "Person Finder" de l'[http://www.bath.ac.uk/contact/ Université de Bath] sont encodés avec des hCards ainsi vous pouvez facilement créer une vCard à partir de n'importe quel résultat.
** ERREUR - tente d'utiliser l'optimisation Implied-N là où ce n'est pas possible. --[[User:RyanKing|RyanKing]] 14:29, 5 Jan 2006 (PST)
** L'erreur n'apparaît que pour les utilisateurs externes. Ne sera pas réparé sous peu. -- [[User:PhilWilson|PhilWilson]] 00:03, 28 Jan 2006 (GMT)
* [http://richi.co.uk/blog/2005/12/structured-blogging.html Richi Jennings] a placé son essai.
** INVALIDE, FN manquant --[[User:RyanKing|RyanKing]] 12:47, 5 Jan 2006 (PST)
* [http://www.yellowpencil.com/contact/ Yellow Pencil] utilise les microformats pour présenter l'information de contact de la société
** La première hcard a un "fn" vide et pas de "n". "fn" devrait être avec "org" -- [[User: ScottReynen |ScottReynen]] 21:29, 19 Jun 2006 (CST)

== Exemples Groupés ==
Cette section organise les exemples en plusieurs catégories comme suit. Si un exemple correspond à plus d'une catégorie, utilisez la *dernière* catégorie correspondante dans cette liste qui correspond aux exemple(s) spécifiques de hCards dans la jungle que vous essayez de catégoriser.
# '''Individus''' - une carte par personne, peut-être trier alphabétiquement par "family-name". Les personnes avec leurs propres hCards (généralement) sur leur propre site.
# '''Organisations''' - une carte par organisation, alphabétiquement par "fn". Les organisation avec leurs propres hCards (généralement) sur leurs propres sites web.
# '''Institutions''' - qui listent plus d'une personne, avec un nombre estimé du # de hCards, par exemple 40k pour Avon. Indiquez aussi la complexité de l'information fournie, par exemple juste le nom+nombre vs détails complets. Triées alphabétiquement par "org" avec peut-être quelques individus listés dans une seule sous-bulle, délimités par une virgule et triés par "family-name".
# '''Profils en Ligne''' - qui hébergent des profils pour plus d'une personne, avec un nombre estimé du # de hCards, par ex. 10m+ pour Flickr.com. Triés alphabétiquement par "fn" avec peut-être quelques individus listés dans une seule sous-bulle, délimités par une virgule et triés par "family-name".
# '''Lieux en ligne''' - qui fournissent des listings pour les entreprises ou organisations, avec un nombre estimé du # de lieux, par exemple ~10k pour Upcoming.org. Triés alphabétiquement par service/nom de site, avec peut-être quelques lieux spécifiques listés dans une seule sous-bulle, délimités par une virgule et triés par "fn".
# '''Listes de conférenciers''' - Les pages de conférenciers sur les sites d'événements où les conférenciers sont balisés avec hCard. Triées par date, sous-groupées par années. Les plus récentes en premier. Peut-être quelques individus listés dans une unique sous-bulle pour chaque événement, séparés par une virgule, triés par "family-name".

En outre, il y a une section séparée des "Exemples UTF8" qui peut être utilisée pour placer un autre lien vers n'importe quel exemple de hCard qui a différents caractères non-ASCII7 / non-anglais pour différentes valeurs de propriétés.

A chaque fois que chaque section en elle-même deviendra vraiment grosse (nous pourrions y être parvenus à cette heure, une fois que nous les aurons triées à travers les "Exemples Révisés" au-dessus), elle sera probablement migrée vers une page séparée, laissant son titre ici en place, et remplaçant ses contenus ici avec un lien vers la page séparée et peut-être un résumé de statistiques.

=== Individus ===

* La page d'accueil de [http://dbaron.org/ David Baron] est balisée avec hCard.
* La page d'accueil de [http://tantek.com/ Tantek Çelik] inclut une hCard d'auteur dans la ligne en bas de la page.
* [http://blogs.msdn.com/cwilso/ Chris Wilson] a une hCard pour lui-même sur [http://blogs.msdn.com/cwilso/about.aspx sa page about].
* ...

=== Organisations ===
* [http://technorati.com Technorati] (3)
** Les pages [http://technorati.com/about/ about], [http://technorati.com/press/ press] et [http://technorati.com/about/contact.html contact] sont balisées avec hCard et ont des liens "Add to Address Book" qui utilisent le [http://feed.technorati.com/contacts/ Technorati service Fil de Contacts].

=== Institutions ===

* La [http://technorati.com/about/staff.html page Staff de Technorati] a des hCards pour ses collaborateurs (~31)
** par exemple [http://technorati.com/about/staff.html?s=adam_hertz#adam_hertz Adam Hertz], [http://technorati.com/about/staff.html?s=matthew_levine#matthew_levine Matthew Levine], [http://technorati.com/about/staff.html?s=ryan_king#ryan_king Ryan King], [http://technorati.com/about/staff.html?s=david_sifry#david_sifry David Sifry], etc.

=== Profils En Ligne ===

=== Lieux en Ligne ===

===Listes de conférenciers===
==== 2007 ====
* ...
==== 2006 ====
* ...
==== 2005 ====
* ...

===Exemples en UTF8 ===

Ces exemples contiennent tous un ou plusieurs caractères en UTF8 qui sont en dehors de la gamme ASCII7 et font des cas excellents pour les tests afin de s'assurer que vous gérez bien proprement l'UTF8 à travers votre parseur hCard et la transformation. Et tout spécialement si vous générez des vCards, ces tests aideront à vous assurer que vous générez des vCards UTF8 de façon qu'elles puissent être reconnues par les applications UTF8 supportant les vCards.
* [http://tantek.com/ Tantek's Thoughts] encode Çelik comme de l'UTF8 dans la ligne.

===Exemples Non-HTML ===
* [http://dannyayers.com/misc/microformats/hcard-svg la démo hCard SVG de Danny Ayers]

== Pages Apparentées==
{{hcard-related-pages-fr}}

hcard-examples-in-wild-fr

2007-03-28T16:44:21Z

JeanChristopheCapelli: /* Exemples pour se conformer */

<h1>Exemples de hCard dans la jungle</h1>

Cette page est une section '''informative''' de la [[hcard-fr|spécification des hCards]].

Les sites suivants ont publié des [[hcard-fr|hCards]], et de ce fait sont un endroit merveilleux pour quiconque cherchant des exemples "dans la jungle" pour essayer de parser, indexer, organiser, etc.

Si les personnes ou sociétés sur votre site sont balisées avec hCard (même simplement votre propre information de contact), sentez-vous à l'aise pour les ajouter en haut de cette liste. Assurez-vous svp d'inclure au moins une URL vers une page sur votre site qui comprenne un véritable balisage [[hcard-fr|hCard]]. Les exemples ajoutés sans un URL vers une page avec un balisage hCard pourront être supprimés.

Vous voulez démarrer par écrire une [[hcard-fr|hCard]] ? Utilisez l'application [http://microformats.org/code/hcard/creator hCard creator] pour écrire quelque information de contact et la publier, ou suivez les [[hcard-authoring-fr|astuces de pubication hCard]] pour ajouter un balisage hCard à votre page contact actuelle.

==Exemples pour se conformer ==
=== Nouveaux exemples ===

SVP ajoutez de nouveaux exemples '''en haut''' de cette section de façon qu'ils puissent être critiqués.
* [[http://claimid.com/jeanchristophe Jean-Christophe Capelli]] sur une [http://www.wikiservice.at/fractal/wikidev.cgi?FR/PinkoMarketing/JeanChristopheCapelli page personnelle] d'une branche-wiki dédié à construire un groupe francophone sur le pinkomarketing. Aidé par Christophe Ducamp, microformateur de tous les instants.
* [http://source.ibegin.com/ iBegin Source] utilise hCard pour identifier l'information des entreprises pour toutes les plus de 10.5 millions d'entreprises recensées.
* [http://www.lounews.com/ The Louisville News Company] utilise hCard pour l'information de contact sur tout le site pour la société et le développeur du site.
* [http://cloudislands.com/contact.php Cloud Islands] utilise hCard pour l'innformation de contact.
* [http://www.international.unt.edu UNT International] utilise hCard pour baliser l'information de contact sur tout le site (voir particulièrement [http://www.international.unt.edu/offices/ieli/people/instructors/profiles la liste des profils des instructeurs IELI])
* [http://www.giraffo.de giraffo.de] a différentes hCards sur chaque page (+ geo dans "kontakt")
* [http://www.enap.com ENAP, Inc.] liste le contact de la DRH en format hCard sur la page [http://www.enap.com/career.aspx Career Opportunities].
* Les listes des panélistes et participants à [http://sxsw07.conferenceer.com/people Conferenceer] durant la conférence interactive 2007 South de Southwest est au format hCard.
* [http://news.stanford.edu Stanford News] (Redesign) hCard dans le pied de page sur chaque page tout comme le balisage pour chaque membre du staff sur la page Staff.
* [http://www.wikiservice.at/fractal/wikidev.cgi?FR/EveMoreau Valérie-Eve Moreau] a bricolé une hCard sur sa page personnelle-wiki.
* [http://en.wikipedia.org/wiki/St_George%27s_Minster%2C_Doncaster St George's Minster, Doncaster, sur Wikipedia]
* AOL Journals publie des hCards pour les auteurs. [http://journals.aol.com/carowill/whats-happening Example]
* La [http://ian.mckellar.org/ home page] de Ian McKellar est une hCard stylée pour ressembler à une carte de visite professionnelle.
* [[Christophe Ducamp]] sur une [http://www.wikiservice.at/fractal/wikidev.cgi?FR/MicroFormats/ChristopheDucamp page personnelle] d'une branche-wiki dédié à construire un groupe francophone sur les microformats. Aidé par Laurent Lunati pour le design, tout le monde peut la corriger en [http://www.wikiservice.at/fractal/wikidev.cgi?action=edit&id=FR/MicroFormats/ChristopheDucamp éditant la page].
* [http://www.matthewwest.co.uk Matthew West] a une hCard sur sa page [http://www.matthewwest.co.uk/email contact].
* Le portofolio du FreeLance en développement web [http://www.webmaster.waw.pl Paweł Wrzosek]
*[http://thibeaultstudios.com Thibeault Studios] a une hCard d'entreprise dans le pied de page sur chaque page tout comme des hCards individuelles sur la page [http://thibeaultstudios.com/contact_us.php Contact].
*Le balisage hCard [http://www.stanford.edu/ Stanford.edu] est inclus dans le pied de page de la page d'accueil et toutes les pages subséquentes dans le répertoire /home.
*[http://openid.ne.jp OpenID.ne.jp] Premier fournisseur de service OpenID au Japon (日本語). Chaque page personnelle OpenID (par ex :[http://eouia.openid.ne.jp http://eouia.openid.ne.jp]) est balisée sous hCard. Et il y a aussi une hCard de société sur chaque page.
* L'adresse de [http://www.qwertycars.co.uk/garages/mechanics-near-tadworth.aspx UK Car Garages] au Royaume Uni au format hCard.
* La page About Us de [http://www.columbiaautomation.com/sub/contact.php Columbia Automation] a balisé chaque employé sous une hCard et dispose aussi d'une hCard de société avec l'information geo.
* [http://www.pointermix.com Pointermix Design] utilise le format hCard.
* La page contact de [http://eight6.com/contact/ eight6] utilise le format hCard
* Les listes d'annonces de [http://www.raveaboutit.com.au Rave About It] utilisent le format hCard.
* La page de l'équipe d'[http://optics.org/cws/Contact/OurTeam.do optics.org].
* La première tentative de [http://www.robcottingham.ca/contact Rob Cottingham] dans les microformats est une hCard sur la page contact de son blog personnel (Il a été inspiré par la présentation de Tantek Çelik lors de Web Directions North 2007.)
* [http://redmonk.net/about-this-site Steve Ivy] - hcard sur la page "about", inclut les suspects usuels + XFN sur les 'url's, photo, et geo.
* L'[http://seattleu.edu Université de Seattle] utilise hCard sur sa page d'accueil et la plupart des pages qui partagent un gabarit officiel.
* [http://www.josemarti.waw.pl L'école secondaire José Marti XXII à Varsovie] inclut hCard sur les sections Contact et A propos de l'auteur
* Jaama a mis ses détails de société sous une vCard téléchargeable sur sa page [http://www.jaama.co.uk/Contact.aspx contact].
* [http://3amproductions.net 3AM Productions] a les détails de société balisés sous hCard sur tout le site et particulièrement pour [http://3amproductions.net/jason.php Jason] et [http://3amproductions.net/gilbert.php Gilbert]
* [http://berlin.barwick.de/index.html Berlin Guide] est en train de convertir son balisage d'adresses en hCard, par ex. [http://berlin.barwick.de/shopping/kadewe-kaufhaus-des-westens.html KaDeWe]
* [http://www.xlntads.com XLNTads] a son information de contact balisée en hCard, tout comme son plan de développement balisé en hCalendar
* [http://derrick.pallas.us Derrick Pallas] dit aux personnes de le chercher là.
* [http://bluemonkcreative.com/contact/ Bill Turner] ajoute une hCard à la page contact de son site web de freelance.
* [http://www.oppenheim.com.au/ Le blog de James Oppenheim] inclut une hCard de l'auteur dans la ligne dans le pied de page de chaque page et aussi sur la page de contact.
* [http://steinhardt.nyu.edu/ NYU Steinhardt] a [http://steinhardt.nyu.edu/faculty_bios/list/Faculty plus de 240 bios de faculté balisées], par ex. [http://steinhardt.nyu.edu/faculty_bios/view/Susan_Murray].
* [http://www.boogdesign.com/aboutus.html boogdesign.com] a ajouté une syntaxe hCard sur la page de contact.
* [http://www.gptg.org GreatPlaceToGolf], hCards pour les clubs de golf autour du monde, par exemple [http://www.gptg.org/club/12/]. Utilisation de hCard pour les joueurs et les terrains de golf, geo pour les coordonnées des terrains, et hAtom. Réalisé par FredericLepied
* [http://www.economie-poitiers.fr/ Le Service Développement Economique de la Communauté d'agglomération de Poitiers] a utilisé une hCard pour son information de contact en bas de page.
* [http://www.lesgenets.com/ Le camping des Genêts à l'ile de Ré] a utilisé une hCard pour inclure ses informations de contact.
* [http://www.entrepots-lafond.fr/ Le site des entrepots Lafond] a publié ses informations de contact à l'aide d'une hCard.
* [http://www.walkerfineart.com Walker Fine Art Gallery] La plupart des pages contiennent une hCard en pied de page.
* [http://www.brdatasystems.com.au/contact-us.html B&R Data Systems] est une hCard d'organisation. Nous avons aussi utilisé l'outil technorati pour la télécharger sous une vCard, ce qui je pense est utile pour une entreprise.
* [http://chewbittel.com/contact.php Chew Bittel Assoc., Inc.] est une hCard d'organisation. Il y a des abbr's dedans et un champ téléphone dupliqué et quelques choses cachées. J'essaie vraiment de pousser les choses à leur limite ici. Ce devrait être un bon test pour votre parseur.
* la [http://redmonk.net/about-this-site/ page about] de [[User:Steve Ivy|Steve Ivy]] a sa hCard, comprenant un lien vers son fil de contact Technorati pour laisser les visiteurs télécharger son information de contact.
* La hCard de Scott Allan Wallick est [[User:ScottWallick|sa page utilisateur]] et sur son blog, [http://www.plaintxt.org/about/2/ plaintxt.org]
* La hCard de [[User:Bob_Jonkman|Bob Jonkman]] '''sur ce 'wiki''''
* [http://www.last.fm Last FM] a des hCards cachées sur ses pages profils par ex. [http://www.last.fm/user/Crok/?scrobbling=t1].
* [http://thetenwordreview.com The Ten Word Review] contient simplement des critiques de dix mots. Toutes les critiques sont balisées sous des [[hreview-fr|hReviews]] et l'information utilisateur est balisée sous hCard.
* Le [http://www.westmidlandbirdclub.com/ West Midland Bird Club] dans les English Midlands utilise hCard sur sa [http://www.westmidlandbirdclub.com/ home page], son [http://www.westmidlandbirdclub.com/diary/ annuaire d'événements], sa page [http://www.westmidlandbirdclub.com/club/contact.htm contact], sa page de [http://www.westmidlandbirdclub.com/site/links.htm liens], la [http://www.westmidlandbirdclub.com/club/older.htm liste des anciens] et dans un pied de page qui est graduellement implémenté sur tout le site.
* OffshoreAgile.com, un sous-site de Starsoft Development Labs, utilise hCard dans les sections [http://www.offshoreagile.com/company/contact/ Contacts Starsoft] et 'Media Inquiries'.
* T-Mobile utilise hCard pour la [http://t-mobilepressoffice.co.uk/press/contact-details/ page T-Mobile UK Press Contact Details], tout comme pour quelques-uns de ses derniers communiqués de presse.
* La division de publication 'Psychology Press' et 'Routledge's Behavioral' a implémenté des pages contact sur 17 de ses sites web (exemple sur la page contact de [http://www.clinicalpsychologyarena.com/contact/ Clinical Psychology Arena])
*[http://72ppi.us 72ppi], utilise hCard dans le pied de page.
*[http://www.csarven.ca Sarven Capadisli] utilise hCard dans tout le site (y compris les commentaires utilisateurs dans les articles).
* [https://www.urbanbody.com/information/contact-us Urban Body Men's Clothing] utilise hCard pour les adresses des magasins et hCalendar pour les horaires d'ouverture.
* [http://www.iqair.us/ IQAir North America], utilise hCard pour l'information de contact.
* [http://www.infoiasi.ro/ Le site web de la Faculté des Computer Science], "A. I. Cuza" University Iaşi, Romania utilise hCard pour chaque membre du staff.
* [http://www.finds.org.uk/ The Portable Antiquities Scheme au British Museum] a des hCards ajoutées dans le pied de page de chaque page et vers les section des contacts. En train de travailler pour en ajouter plus.
* Dans [http://www.ideasfornet.com/ IdeasForNet.com - the ideas repository] des hCards ont été implémentées partiellement dans le pied de page de chaque page, et de façon plus compréhensive dans les pages contact et à propos.
* Le [http://www.cst.ed.ac.uk/ Centre of Canadian Studies] à l'Université d'Edinburgh utilise les hCards pour l'information de contact dans le pied de page du site.
* [http://www.theatrestudies.llc.ed.ac.uk/ Theatre Studies: European Theatre] à l'Univiersité d'Edinburg utilise les hCards pour l'information de contact sur sa page d'accueil.
* [http://www.carolinemockett.com/design/about.aspx Caroline Mockett] a une hCard sur sa page About Me
* [http://wait-till-i.com Christian Heilmann] a une adresse en pied de page utilisant hCard
*[http://www.audience-response-rentals.com/ Audience Response System Rentals] utilise hCard comme un popup dans l'aire d'accessibilité du site (en bas à droite) pour un copier/coller facile de l'adresse par ses clients.
* [http://www.fischsolutions.com/ Fisch Internet Solutions] utilise une hCard embarquée et une vCard pour fournir aux clients un moyen facile de les contacter sur leur section [http://fischsolutions.com/contactus.html Contact Us] du site web.
* [http://www.micatholicconference.org/ Michigan Catholic Conference] utilise hCard pour l'information de contact dans la barre latérale.
* [http://www.adambunn.co.uk/ Adam Bunn] fournit les détails de contact dans la barre latérale en utilisant hCard.
* [http://www.belkin.com/pressroom/releases/uploads/10_10_06NotebookExpansionDock.html Les communiqués de presse de Belkin] utilisent les hCards pour les contacts de Relations Publiques et les bureaux.
* [http://mybank.com myBank.com] utilise hCard pour ses listings de chaque branche de chaque banque assurée FDIC aux Etats-Unis.
* [http://leftlogic.com Left Logic] utilise hCard pour l'information de contact embarquée.
* [http://inga-art.co.uk/artist Inga Scholes] utilise hCard pour l'information de contact dans la barre latérale.
* [http://www.lussumo.com/ Lussumo] utilise hCard sur les pages de profil dans son forum de discussions logiciel [http://www.getvanilla.com/ Vanilla].
* [http://www.creative-ways.nl/ Ron Kok] utilise des hCards pour baliser les noms et URLs des commentateurs sur son blog. Il utilise aussi les hCards en combinaison avec XFN dans ses billets de blog pour pointer vers des amis et a une hcard pour lui-même dans le pied de page de son blog.
* La page des [http://www.parisweb2006.org/orateurs.php orateurs de paris web 2006] (Paris-France) contient une hCard pour tous les intervenants.
* [http://tagg.no Tagg Media] utilise hCard pour l'[http://heine.tagg.no/contact.php information de contact] et fournit un lien vers un téléchargement de vcard dans la section contact.
* L'article à propos du personnage de Matrixx [http://en.wikipedia.org/wiki/Neo_%28The_Matrix%29 Thomas A Anderson dans Wikipedia] est maintenant balisé avec hCard.
* [http://dconstruct06.madgex.com/ d.Construct 2006 Backnetwork] utilise des hCards pour les congressistes à la conférence (et fournit le balisage de façon à ce que les congressistes puisses copier et coller leurs cartes dans leurs propres sites).
* [http://www.brown.edu Brown University] utilise maintenant hCard sur la page d'accueil.
* [http://www.wideblueyonderweb.co.uk Dunks chez Wide Blue Yonder Web Design] a ajouté un balisage hCard sur sa [http://www.wideblueyonderweb.co.uk/wbyw/pages/contact.htm page contact] et cherche à l'implémenter sur toutes les pages des contacts passés et futurs pour les clients.
* [http://southamptonrubberstamp.com Southampton Rubber Stamp Company] a déspormais un balisage hCard avec un téléchargement de vCard sur chaque page.
* [http://barefoot-ceramics.com Barefoot Ceramics paint your own pottery studio] (à Newport, South Wales) a ajouté un balisage hCard à sa page [http://barefoot-ceramics.com/find#address "Find"] page et d'autres exemples d'adresses. Ils espèrent mettre en oeuvre un listing d'événement hCalendar dès qu'une classe PHP ics vers hCalendar puisse être trouvée ou écrite.
* IBM embrasse les microformats. L'[http://www.ibm.com/contact/employees/ annuaire "IBM Employee"] renvoie maintenant des hCards dans ses résultats de recherche. Regardez aussi [http://www.ibm.com/shortcuts/ le Podcast Shortcuts].
* [http://dsingleton.co.uk/ David Singleton] a ajouté une hCard à son blog.
* [http://krisswatt.co.uk/ Kriss Watt] a caché une hCard dans le pied de page de son blog.
* [http://www.thestreet.org.au The Street Theatre (Canberra, Australia)] a ajouté un balisage hCard pour baliser vers sa page [http://www.thestreet.org.au/contact.htm Contact Us]. Un balisage hCalendar sera bientôt ajouté pour toutes les pièces.
* [http://www.informatik.uni-hamburg.de/SVS/personnel/henrich/index.php Henrich C. Pöhls] a balisé sa page "about" en utilisant hcard, y compris sa clé PGP qui est stockée dans une "abbr title", en utilisant class=key.
* [http://www.yalf.de Yalf Webentwicklung] a sa page [http://www.yalf.de/kontakt d'information de contact] disponnible sous hCard (et vCard).
* [http://www.zeldman.com/about/ Jeffrey Zeldman]. Jeffrey Zeldman a balisé sa page 'about' en utilisant hCard.
* [http://WhereAreYouCamping.com Where Are You Camping]. Des hCards pour tous les membres et camps, employant tout aussi bien 'include pattern'. A la limite de ce que je connais, c'est le premier Burning Man en rapport avec l'implémentation des microformats, pour ne pas citer des adresses dans Black Rock City.
* [http://www.clacksweb.org.uk Clackmannanshire Council ]. hCard est implémenté pour tous les détails de contact sur le site et pour des individus spécifiques comme les membres élus (les 'Councillors').
* [http://www.webdirections.org Web Directions ]. La hCard est utilisée comme information de contact pour la conférence, et les conférenciers sont balisés avec hCard.
* [http://www.markthisdate.com/contactform.html MarkThisDate.com ]. Une hCard est implémentée sur notre formulaire de contact. Pour nos calendriers les hCalendars suivront dès que possible.
* [http://kollitsch.de/ Patrick Kollitsch] a construit son Profil personnel sous hCard.
* [http://www.msiinet.com/contact/ MSI Systems Integrators] a sa page "Contact MSI" encodé avec des hCards.

* [http://www.coolblue.nl/ Le site web corporate de Coolblue BV]. Les hCards ont été implémentées à la fois dans le pied de page de chaque page, et dans la section "News" pour l'information contact presse.
* [http://www.besancon.fr/index.php?p=32 Le site officiel de la ville de Besançon (France)] utilise hCard pour chaque page concernant les petites villes entourant Besançon.
* [http://2006.dconstruct.org/speakers/ la liste des conférenciers d.Construct 2006] a été implémentée en utilisant des hCards.
* [http://local.yahoo.com Yahoo Local] supporte maintenant les hCards pour les commerces et endroits dans les résultats de recherche
* [http://learningtheworld.eu/imprint/ Learning the World] a une information hCard sur l'impression, parce ce que nous n'avons pas réussi à baliser proprement les numéros de téléphone et de fax professionnels.
* Le site web [http://www.fuckparade.org F’parade] utilise hcard, même s'il n'a pas trouvé un type pour distinguer les numéros de téléphone mobile et fixes ''(recommandation utiliser <code>cell</code> pour les mobiles)''.
* [http://www.miranet.nl/contact.htm Miranet Webdesign] a ajouté une hCard sur sa [http://www.miranet.nl/contact.htm page 'contact']
* [http://weblog.200ok.com.au/ Ben Buchanan] a ajouté une vCard à la page [http://weblog.200ok.com.au/about/ 'About'sur le welbog 200ok]
* [http://www.radiantcore.com Radiant Core] a son information de contact [http://www.radiantcore.com/contact/ disponible dans la hCard].
* [http://www.mikerumble.co.uk/ Mike Rumble] [http://www.mikerumble.co.uk/contact.html a mis en ligne sa hCard].
* [http://www.saumag.edu/ Southern Arkansas University] a son pied de page encodé comme une hCard.
* [http://main.uab.edu/ University of Alabama at Birmingham] a son pied de page contact encodé sous hCard.
* [http://www.capital.edu Capital University] a le contact en pied de page et les noms des blogueurs encodés sous hCard. Aussi, toutes les informations de pages spécifiques de contact sont encodées sous hCards (voir la page [http://www.capital.edu/Internet/Default.aspx?pid=67 Admissions] pour un exemple)
* [http://main.uab.edu/shrp/ UAB School of Health Professions] utilise hCard dans son pied de page contact
* [http://green.carisenda.com/ Stephen Stewart] a sa hCard sur la page d'accueil de son weblog (section 'You are here')

* [http://www.fberriman.com/ Frances Berriman] a une vCard cachée dans les pieds de page de son site web.
* [http://www.candlescience.com/ CandleScience Candle Supply] a ajouté une hcard cachée sur tout le site.
* [http://www.direction.es/ Direction] utilise hCard pour l'information de contact.
* [http://audiobank.tryphon.org AudioBank] utilise hCard pour afficher les informations des membres.
* [http://www.vivabit.com/atmedia2006/speakers/ @media speakers] sont balisés avec hCard (les photos dépendent du support du tag BASE ce qui fait de cela un très bon cas de test)
* [http://www.dougransom.com Doug Ransom] utilise hCard pour sa pratique de conseil financier.
* [http://rubyandrails.org/usergroups/newcastle/members.html ncl.rb] utilise hCard pour l'information de contact.
* [http://www.snowinteractive.com/ Snow Interactive] utilise hCard pour l'information de contact.
* [http://flickr.com Flickr] supporte maintenant [[hcard-fr|hCard]] et [http://gmpg.org/xfn XFN] sur les pages de profil. Voir [http://flickr.com/photos/factoryjoe/113866484/ photo d'écran de l'interface utilisateur dans le navigateur Flock utilisant l'extension Flocktails - 17 mars 2006].
* [http://www.ndiyo.org/contact information contact pour le projet Ndiyo]
* [http://www.pixelenvy.co.uk/ Pixel Envy] utilise hCard pour l'information de contact sur chaque page.
* [http://stilbuero.de/contact/ Klaus Hartl] utilise hCard dans la barre latérale pour l'information de contact (peut être plus facile à parser à travers la distribution xhtml que xml).
* [http://charlvn.virafrikaans.com/contact hCard de Charl van Niekerk]
* [http://billy-girlardo.com/WP/ BillyBLOGirlardo] utilise hCard pour l'information de contact.
* [http://www.hicksdesign.co.uk/ Hicksdesign] utilise hCard pour l'information de contact.
* http://www.gr0w.com/articles/press/growsearch_launched_press_release/ - hCard dans un communiqué de presse pour l'information contact de presse.
* http://www.redmonk.com/cote/archives/2006/03/testing_out_mic.html - hCard avec explication
* [http://andy.ciordia.info/ it's my island], blog personnel, hcard sur la page ''[http://andy.ciordia.info/pages/about_me About the Writer]''. [[User:Ciordia9|Andy Ciordia]]
* [http://www.windowonwoking.org.uk/ Window on Woking], un site de communauté locale au Royaume-Uni, utilise hCard dans la page d'accueil de chaque membre de l'organisation et conseiller local.
* [http://ChunkySoup.net/ ChunkySoup.net] a reconçu le site complet en utilisant hAtom 0.1 et les hCards -- par [[User:ChrisCasciano|Chris Casciano]]

* [http://www.30boxes.com/ 30 Boxes], une application de calendrier social et agrégateur de style de vie digital, crée automatiquement une hcard pour vous avec votre compte. Il est trouvé sous Settings > Syndication.
* [http://www.nearwhere.com/ Nearwhere.com] vous permet de mettre une hcard sur une carte interactive.
* [http://www.brentozar.com/ Brent Ozar] a ajouté une page [http://www.brentozar.com/contact.php contact] hCard.
* [http://www.kerihenare.com/ Keri Henare] a récrit sa page [http://www.kerihenare.com/contact/ contact] hCard. Utilisant maintenant <code><object></code> au lieu de <code><img></code> pour la photo. (Merci à Brian Suda pour avoir mis à jour le convertisseur vCard)
* [http://michaelraichelson.com/contact/ Michael Raichelson] avait un hCard sur sa page contact avant SXSW, mais n'avait jamais pensé à l'ajouter ici jusqu'à ce que Tantek lui ait demandé.
* [http://www.commoner.com/~lsimon/lindsey_simon_hcard.html Lindsey Simon] a ajouté une hCard à son site suite à la demande SXSW de Tantek pour que les types l'essayent.
* [http://www.davidgagne.net/ David Gagne] a une hCard dans sa barre latérale.
* [http://www.churchzip.com/map/ Churchzip.com/map] et [http://www.skiwhere.com/map/ Skiwhere.com/map], mettent des églises, hôtels et stations de ski sur les mêmes cartes. Les endroits sont mis en page sous forme de hcards.
* Toutes les [http://www.iqdir.com/ IQ Directory Solutions] des portails web des Yellow Pages utilisent la syntaxe [[hcard-fr|hCard]] sur les listes. Par exemple, [http://www.yellowpages-cambodia.com/ Cambodia Yellow Pages] et [http://www.superpages.com.my/ Malaysia Super Pages]
* L'application cloneable Group de ning utilise la correspondance floue pour mapper les champs personnalisés en syntaxe [[hcard-fr|hCard]] sur ses [http://group.ning.com/index.php?controller=person&action=view&content=JonathanAquino pages profile].
* [http://claimid.com/factoryjoe La hCard ClaimID de Chris Messina]
* [http://factoryjoe.com/blog/hcard La hCard de Chris Messina]
* [http://flock.com/about Flock About]
* [http://tantek.com/microformats/2006/03-01-TechPlenAgenda.html Agenda: W3C Technical Plenary Day, March 1 2006] a une syntaxe [[hcard-fr|hCard]] et [[hcalendar-fr|hCalendar]]. ([http://www.w3.org/2006/03/01-TechPlenAgenda.html original ici]).
* [http://www.gr0w.com/articles/press/growsearch_launched_press_release/ GrowSearch Launched (Press Release)] utilise un hCard pour fournir le Contact du Point Presse.
* La [http://www.arborday.org/ National Arbor Day Foundation] a commencé à utiliser les hCards pour ses [http://arborday.org/programs/conferences/hazardtrees-treeplanting/ conférences]
[http://arborday.org/programs/conferences/communityforestry/index.cfm à venir]
* [http://www.multipack.co.uk The Multipack] a de nombreuses hCards, tout spécialement sur [http://www.multipack.co.uk/members/ les pages membres], tout comme pour les informations des prochaines réunions.
* [http://deadringrancor.livejournal.com/ Justin McDowell] a utilisé une hCard pour faire référence [http://deadringrancor.livejournal.com/221332.html à une personne dans son billet de blog]
* [http://davecardwell.co.uk/cv/ Dave Cardwell] a inclus sa hCard dans son Curriculum Vitae.
* [http://blog.usweb.com/ Shaun Shull] a écrit un billet magnifique sur [http://blog.usweb.com/archives/how-microformats-affect-search-engine-optimization-seo How Microformats Affect SEO], et a inclus sa [[hcard-fr|hCard]] comme l'un des exemples.
* [http://www.thefutureoftheweb.com/ Jesse Skinner] a écrit un [http://www.thefutureoftheweb.com/blog/2006/1/hcard tutoriel simple avec des exemples]
* [http://www.w3.org/2005/12/allgroupoverview.html 2006 W3C Technical Plenary Week] a marqué tous les participants, contacts et membres du comité de programme avec hCard.
* [http://www.avf-nexus.co.uk AVF-Nexus] a une hCard sur sa [http://www.avf-nexus.co.uk/contact/ page contact] - (par [http://creation.uk.com Creation"])
* [http://www.thefantasticos.com/andrew/ Andrew White] a posté [http://www.thefantasticos.com/andrew/index.php/my-hcard/ sa hCard] et [http://www.thefantasticos.com/andrew/index.php/62/microformats-the-should-have-been-obvious-web-dev-tool/ a blogué à propos].
* [http://www.2sheds.ru Oleg "2sheds" Kourapov] dans son [http://www.2sheds.ru/blog/ blog] ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog X2V]) a transformé son profil personnel en hCard ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/hcard.html X2V]) et sa blogroll - par une combinaison de XFN/hCards ([http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.2sheds.ru/blog/friends.html X2V])
* [http://www.approveddesign.co.uk Approved Design Consultancy] a une hCard sur sa [http://www.approveddesign.co.uk/about/contact/ page contact] tout comme sur sa [http://www.approveddesign.co.uk/about/people/ section "people"] - (par [http://creation.uk.com Creation"])
* [http://weblog.200ok.com.au/ Ben Buchanan] et [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search Colin Morris] ont [http://weblog.200ok.com.au/2006/01/griffith-phonebook-adds-hcard-and.html implémenté les hCards et vCards] pour [http://www.griffith.edu.au/find/content_phonebook.html l'annuaire téléphonique en ligne] de l'[http://www.griffith.edu.au Université Griffith]. par ex. [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=ben+buchanan&format=search la vCard de Ben] et [http://www.griffith.edu.au/cgi-bin/phone_search.pl?string=colin+morris&format=search la vCard de Colin]
* WWF-Australia [http://wwf.org.au/about/contactdetails/ page "contact details"]
* [http://rasterweb.net/raster/ Pete Prodoehl] a utilisé le format hCard sur sa page [http://rasterweb.net/raster/contact.html Contact]
* [http://alexander-mette.de amette] utilise le format hCard dans un module de son blog motorisé par TikiWiki
* [http://staff.washington.edu/oren/weblog2/ Oren Sreebny] a une hCard sur son gabarit principal
* [http://www.cs.brandeis.edu/~zippy/ Patrick Tufts] a une hCard sur sa page personnelle.
* [http://ascii20.blogspot.com/ Mathias Kolehmainen et Jamie Taylor] ont des hCards sur leur weblog.
* [http://www.hoppsan.org/jamesb/blogger/ Barnaby James] a une hCard sur son weblog.
* [http://esa-education.com/schools/map ESA Education] utilise les hCards pour ses 100+ écoles et chacun des sites individuels des écoles.
* [http://www.thereisnocat.com/#vcard Ralph Brandi] a ajouté une hCard à la barre latérale de son weblog suite à la présentation des Microformats de Tantek Çelik lors de SXSW 2006.
* [http://www.yellowpencil.com/contact/ Yellow Pencil] utilise les microformats pour présenter l'information de contact de la société.
* [http://www.pierce.ctc.edu/ephone/ Pierce College] -- le répertoire de la communauté du collège utilise hCard sur toutes les entrées individuelles des carnets d'adresses.
* [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/ the Institutional Web Management Workshop 2006] a balisé tous ses [http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/committee/ présentateurs avec hCard].
* http://wikitravel.org/en/Singapore/Sentosa. Wikitravel est en train d'expérimenter hcard sur ses guides de voyage. Ce guide utilise hcard pour tous ses listings d'affaires. Plus d'informations sur http://wikitravel.org/en/Wikitravel_talk:Listings.
* [http://www.musik-erber.de/ Musik-Erber] utilise hcard pour présenter l'information de contact dans sa barre latérale.
* [http://cdevroe.com/about/#contact Colin D. Devroe] utilise hCard pour afficher son information de contact sur sa page "about".
* L'ECS (Scool of Electronics and Computer Science à l'Université de Southampton), les [http://www.ecs.soton.ac.uk/people People Pages] utilisent vCard. Contactez cjg@ecs.soton.ac.uk s'il y a quelque bug.
* [http://www.southwestern.edu/~ramseyp Pat Ramsey] a son information de contact sur son blog balisée avec hCard. Contacter [mailto:ramsey.pat@gmail.com ramsey.pat@gmail.com] s'il y a quelque bug.
* [http://www.meryl.net/ Meryl K. Evans] a une hCard cachée sur sa page d'accueil.
* [http://www.vyre.com/company/contact-us/ VYRE] est une société de développement de CMS avec une hCard "contact us"
* [http://www.lefdal.cc/info.php Alf Kåre Lefdal] utilise hCard dans le balisage de son information de contact.
* [http://www.pignwhistle.com.au/ Pig N Whistle, une chaîne de pubs dans Brisbane, Australie] utilise hCard pour baliser toutes les pages contacts pour ses établissements et son siège social.
* [http://kollitsch.de/ Patrick Kollitsch] a construit son Profil personnel sous hCard.
* [http://www.hbs.edu/faculty/dspar/ Harvard Business School] a des hCards sur ses pages 'faculty'
* [http://openmikes.org/ openmikes.org] utilise des hCards pour les adresses des lieux dans les pages listes détaillées.
* [http://www.intertecnollc.com/ InterTecno, LCC] publie une hCard sur la page d'accueil et la page contact.
* [http://canaltcm.com/ver/sobre-tcm Le site web de Turner Classic Movies TCM espagnol] a publié les détails de contacts sous une hCard
* [http://rejuvenation.com/ Rejuvenation] utilise maintenant hCard pour son information de contact.
* [http://www.mattash.com/contact/ Matthew Ash] utilise hCard dans sa section contacts.
* [http://yarmouthguide.com/business.php Yarmouth Guide] utilise hCard pour chaque page de détails sur le business.
* [http://www.merchantcircle.com MerchantCircle] a embarqué une hCard dans chacun de ses listings professionnels de plus de 15 millions d'adresses.

=== Exemples Révisés ===
Les Nouveaux Exemples Révisés qui sont beaux peuvent être migrés ici pour indiquer qu'ils ont été critiqués et révisés. Ou prenez la prochaine étape et notez quel type d'exemple dans la jungle chacun d'eux en fait parti, et puis svp migrez le vers la section 2 des "Exemples Groupés".

* [http://vcardplus.info/show.asp?uid=Z9959-06323 Greg Bays], l'auteur de vCardPlus! a fait que ses sites vCard affichent la compatibilité hCard.
* [http://www.nfwebsolutions.com/ New Frontier Web Solutions] utilise hCard sur sa page d'accueil avec un lien pointant vers le [http://suda.co.uk/projects/X2V/get-vcard?uri=http://www.nfwebsolutions.com/ X2V] de Brian Suda.
* [http://shiftingpixel.com/about/the-artist shifting pixel photoblog] a publié une hCard.
* [http://thoughtport.blogspot.com/ Aiden Kenny] n'a pas encore publié sa hcard, mais il a [http://thoughtport.blogspot.com/2005/07/elemental-particles-of-web.html publié son icône hCard] : http://photos1.blogger.com/blogger/4224/444/320/AK-Hcard-icon.gif
* [http://thedredge.org Andy Hume] utilise les hcards pour baliser les noms et URLs des commentateurs sur son blog, par ex son [http://thedredge.org/2005/06/using-hcards-in-your-blog/ billet de blog sur "Using hCards in your blog"].
* La page [http://www.bidclix.com/AboutContact.html Contact BidClix] de [http://www.bidclix.com/ BidClix] a son ''contact info'' balisé avec hCard.
* [http://suda.co.uk/ Brian Suda] a embarqué une photo dans [http://suda.co.uk/contact/ sa hCard] à travers le [http://www.ietf.org/rfc/rfc2397.txt schéma de data uri] en convertissant l'image en code BASE64. Regardez le Source pour voir comment cela est réalisé. [http://suda.co.uk/projects/X2V/get-vcard.php?uri=http%3A//suda.co.uk/contact/ Le lien X2V] extraira l'image et l'encodera pour une vCard qui sera affichée dans quelques applications de carnets d'adresses.
** Inspiré par ça, j'ai pensé essayer la même chose pour SVG sur [http://barefoot-ceramics.com/find Barefoot] ...
** <img class="photo" style="display:none;" src="data:image/svg+xml;text,<?xml version='1.0' encoding='UTF-8' standalone='no'?><svg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.0' width='50' height='80' id='svg3957'><defs id='defs3959' /><path d='M 28.91433,...32.192802 z' style='fill:#cc4d00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.625;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1' id='path9551' /></svg>" alt="Barefoot">
** Est-ce que cela fonctionne ?? Oui cela parse bien. Quelques outils automatiques remplacent le < avec %3C (etc., par ex. la forme vcard de Brian Suda). Malheureusement Kontact (KDE contacts tool) ne gère pas le SVG sous une photo vCard ou un format logo - je ne sais pas si c'est un standard. Il semble que cela pourrait fontionner et même fonctionne quelque part. Peut-être que le champ texte a besoin d'être encodé en Base64 ? ... voir [http://slashdot.org/~pbhj/journal/142382 le journal slashdot de pbhj] pour en savoir un peu plus à ce propos.
* [http://cinematreasures.org Cinema Treasures] utilise hCard pour baliser l'information des participants sur plus de 10,000 cinémas.
* [http://www.w3.org/People/Connolly/events/ L'index des présentations et événements de Dan Connolly] a des hCards pour bon nombre des personnes rencontrées lors de ces événements. En mars 2006, il a migré un paquet d'informations de contacts d'hôtels à partir de son PDA vers cette page ; elle est désormais montée à 32 hCards.
* [http://doncrowley.blogspot.com/ Don Crowley] a publié [http://www.crowley.nl/hcard.html son hCard] tout comme un joli bouton hCard : http://www.crowley.nl/images/hcard.png
* [http://loadaveragezero.com/hnav/contact.php Douglas W. Clifton] a ajouté tous les types d'information de contact.
* [http://eventful.com Eventful] publie toutes les pages d'informations des lieux avec des hCards embarquées.
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band Contacts] - 95 hCards [http://weblog.randomchaos.com/archive/2005/10/24/Microformats/ balisées par Scott Reynen]
* [http://JackWolfgang.blogspot.com Jack L. Wolfgang II] a [http://jack.randomata.com/resume/ converti les adresses dans son CV en hCards].
* [http://www.efas.fupl.asso.fr/efas/_Mathieu-Drouet_.html Mathieu Drouet] et [http://www.efas.fupl.asso.fr/efas/_Annie-Leger_.html Annie Leger] ont tous deux des hCards
* [http://www.oliverbrown.me.uk/ Oliver Brown] a publié sa hCard.
* [http://www.paradigmproductions.org/contact/ Paradigm Productions] a publié une hCard sous un ul (balisée par [http://www.linkingarts.com/ Peter Jacobson])
* [http://www.splintered.co.uk/ Patrick H. Lauke] a balisé [http://www.splintered.co.uk/about/ son information de contact avec hCard].
* Paul Schreiber a publié sa hCard sur [http://paulschreiber.com/about/?contact sa page "about"].
* Le site [http://concerts.shrub.ca/ Sunnyvale House Concerts] de [http://paulschreiber.com/blog/ Paul Schreiber] publie des hcards pour les artistes à venir, tout comme une hCard pour la page elle-même. En outre, la page [http://concerts.shrub.ca/shows Past Shows] contient la page [http://concerts.shrub.ca/shows Past Shows] contient des hCards pour tous les artistes étant passés.
* [http://www.paulmichaelsmith.com/blog/hcard.htm Paul Smith] a créé une page hCard qui est Lisible par un Humain, et un lien vers X2V passant la même page hCard pour générer une vCard.
* [http://www.windley.com/archives/2005/07/hcards_trying_o.shtml Phil Windley a publié] [http://phil.windley.org/hcard.html sa hCard].
* [http://www.go-curiosity.com/about.htm Piercarlo Slavazza] a publié une hCard.
* [http://zooibaai.nl/ Rob Mientjes] a publié une hCard sur [http://zooibaai.nl/about/ sa page about].
* [http://rbach.priv.at/Contact Robert Bachmann] a publié sa hCard et [http://rbach.priv.at/Images/hcard un bouton].
* [http://blah Scott Reynen a publié sa hCard sur [http://www.randomchaos.com/document.php?source=scott_reynen sa page profil].
* [http://www.stackframe.com/ StackFrame, LLC] a publié les informations de contacts des [http://www.stackframe.com/people/ employés] et [http://www.stackframe.com/contact/ générales] sous des hCards.
* [http://www.wolfsreign.com Steven Ametjan] a publié sa hCard sur [http://www.wolfsreign.com/about/ sa page about].
* [http://tantek.com/microformats/2005/syndicate/speakers-list.html Syndicate - la liste des Conférenciers] est publiée sous un ensemble de hCards
* [http://tagcamp.org/index.cgi?ContactList liste des contacts TagCamp]
* [http://www.deadringerart.com/ The Brothers McDowell] ont des hCards sur leur page Contact.
* [http://twinsparc.com/ Twinsparc] a mis une hCard dans l'en-tête et le pied de page de toutes ses pages.
* [http://tantek.com/microformats/2005/web2/speakers.html la page Web 2.0 Conference speakers est balisée avec hCard]

* [http://we05.com/ Web Essentials 05] a balisé tous ses [http://we05.com/presenters.cfm conférenciers avec hCard].
* [http://www.uoguelph.ca/directory/ L'Université de Guelph] inclut une info hCard dans son répertoire.
* [http://www.child-care-index.net.au/ The Australian Child Care Index] a plus de 3000 entrées dans son annuaire des services de protection des enfants en Australie - et chacune d'entre elle est marquée avec une hCard !
* [http://www.cadforless.com/partners/ CADforless, Inc.] nous avons listé nos partenaires en utilisant hCard
* [http://avon.com/ Avon] - publie tous les contacts des 40 000 représentants Avons avec hCard.
* La page [http://flock.com/about Flock About] supporte le microformat hCard.
** par [[implementations#Flock|Flock]]
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band]
* La [http://www.nature.com/ Nature homepage], utilise [[XOXO-fr|XOXO]].
** par [[implementations#Nature Publishing Group|Nature Publishing Group]]
* [http://concerts.shrub.ca/shows Sunnyvale House Concerts] supporte hCard et [[hcalendar-fr|hCalendar]].
* Le moteur de recherche [http://www.bath.ac.uk/contact/ Person Finder] de l'[http://www.bath.ac.uk/ Université de Bath] supporte hCard, voir par ex. la page de [http://www.bath.ac.uk/person/760874 Mrs A Smith].
* [http://www.monster-prague.cz/ Monster Prague Openings] supporte hCard, par ex. home page, une liste de contacts à venir.

=== Exemples avec quelques problèmes ===

Les entrées peuvent être migrées ici s'il y a un problème avec la façon dont les hCards sont utilisées sur la page concernée. Si la page est la vôtre, et que vous vouliez l'améliorer, regardez les [[hcard-faq-fr|hCard FAQ]], ou soulevez toute question sur les [[hcard-issues-fr|problématiques hCard]] ou [[mailing-lists-fr#microformats-discuss|la liste de discussion]], où les personnes seront heureuses de vous aider.
* [http://www.alexa.com Alexa Internet] a balisé sa page des [http://www.alexa.com/site/company/managers managers] avec hCard.
**Titre du job de la personne dans le "fn". [[User:AndyMabbett|Andy Mabbett]]
* [http://www.naturalengland.org.uk/press/default.htm Natural England] (nouvelle agence de gouvernement au Royaume Uni, formée 2006-10-01).
** Pas de "fn" - ce qui fait que c'est invalide.
*[http://wizardishungry.com/blog/ wizardishungry/blog] a la hCard de l'auteur dans le pied de page de chaque page avec un lien vers X2V.
** les données de l'address sont cachées en utilisant CSS.
*[http://drop-off.co.uk G3:2] utilise hCard avec des tags geo dans le copyright et sur la page about me.
** La donnée Address est cachée en utilisant CSS.
* [http://zdnet.co.uk/misc/contact/ ZDnet Contact Us Page] supporte [[hcard-fr|hCard]].
** par [http://www.subtleasafish.com/ James Myers] et [http://www.fromthefrontend.co.uk/2006/11/23/zdnet-uses-microformats/ David Long]
**Les images et adresse email sont cachées ; les numéros de téléphone ne sont pas compatibles avec [http://en.wikipedia.org/wiki/E.123 E.123]
* [http://gbraad.nl/ Gerard Braad] a publié un exemple sur sa page [http://gbraad.nl/site/?p=profile profile] qui est presque cohérent avec son fichier original [http://gbraad.nl/files/gbraad.vcf vCard]. Aussi un progrès est fait pour transformer son fichier [http://files.gbraad.nl/foaf.rdf FoaF] vers une représentation encodée hCard. (produit aussi pour mon épouse :[http://spouse.gbraad.nl/site/?p=profile Yong Yuan])

** (2005-09-27) PASSED, PASSED
** AVERTISSEMENTS
*** utilise 'n given-name' et 'n family-name' au lieu d'imbriquer les given- et family- names dans le 'n'
*** a une valeur 'tel' avec un paquet de valeurs dedans
*** probablement plus de problèmes --[[User:RyanKing|RyanKing]] 17:19, 5 Jan 2006 (PST)
* [http://kinrowan.net/ Cori Schlegel] [http://kinrowan.net/blog/wp/archives/2005/07/08/a-problem-with-the-structured-blogging-plug-in-for-wordpress/ discute comment il a mis à jour] [http://kinrowan.net/blog/contact sa page contact avec hCard]
** INVALIDE - utilise 'prefix' au lieu de 'honorific-prefix' et les type's dans les noms de classes (à la fois dans adr et tel) et il a deux photo's (la seconde pourrait être 'logo') --[[User:RyanKing|RyanKing]] 15:15, 5 Jan 2006 (PST)
* Le 'good ship' [http://styrheim.com/test/leonid.html Leonid Miloslavskiy] a pointé dans l'Atlantique Nord.
** INVALIDE --[[User:RyanKing|RyanKing]] 00:50, 27 Oct 2005 (PDT)
*** class="family" devrait être probablement family-name
*** la propriété "n" manque et l'optimisation "n" ne peut pas être appliquée
*** la première propriété geo est vide, la seconde est invalide (c'est à dire qu'elle ne contient pas lat/long)
* [http://landsbank.fo/#hCard Landsbanki Føroya]
** INVALIDE - utilise de manière invalide du RDF/XML embarqué
* [http://chrischerry.name/blog/contact/ la page contact de Chris Cherry avec sa hCard]
** <strike>AVERTISSEMENT - utilise class="cell" au lieu de <span class="type">cell</span></strike> Réparé -- [[User:Seriph|Chris Cherry]] 19:54, 15 Sep 2006 (PST)
* Les résultats du "Person Finder" de l'[http://www.bath.ac.uk/contact/ Université de Bath] sont encodés avec des hCards ainsi vous pouvez facilement créer une vCard à partir de n'importe quel résultat.
** ERREUR - tente d'utiliser l'optimisation Implied-N là où ce n'est pas possible. --[[User:RyanKing|RyanKing]] 14:29, 5 Jan 2006 (PST)
** L'erreur n'apparaît que pour les utilisateurs externes. Ne sera pas réparé sous peu. -- [[User:PhilWilson|PhilWilson]] 00:03, 28 Jan 2006 (GMT)
* [http://richi.co.uk/blog/2005/12/structured-blogging.html Richi Jennings] a placé son essai.
** INVALIDE, FN manquant --[[User:RyanKing|RyanKing]] 12:47, 5 Jan 2006 (PST)
* [http://www.yellowpencil.com/contact/ Yellow Pencil] utilise les microformats pour présenter l'information de contact de la société
** La première hcard a un "fn" vide et pas de "n". "fn" devrait être avec "org" -- [[User: ScottReynen |ScottReynen]] 21:29, 19 Jun 2006 (CST)

== Exemples Groupés ==
Cette section organise les exemples en plusieurs catégories comme suit. Si un exemple correspond à plus d'une catégorie, utilisez la *dernière* catégorie correspondante dans cette liste qui correspond aux exemple(s) spécifiques de hCards dans la jungle que vous essayez de catégoriser.
# '''Individus''' - une carte par personne, peut-être trier alphabétiquement par "family-name". Les personnes avec leurs propres hCards (généralement) sur leur propre site.
# '''Organisations''' - une carte par organisation, alphabétiquement par "fn". Les organisation avec leurs propres hCards (généralement) sur leurs propres sites web.
# '''Institutions''' - qui listent plus d'une personne, avec un nombre estimé du # de hCards, par exemple 40k pour Avon. Indiquez aussi la complexité de l'information fournie, par exemple juste le nom+nombre vs détails complets. Triées alphabétiquement par "org" avec peut-être quelques individus listés dans une seule sous-bulle, délimités par une virgule et triés par "family-name".
# '''Profils en Ligne''' - qui hébergent des profils pour plus d'une personne, avec un nombre estimé du # de hCards, par ex. 10m+ pour Flickr.com. Triés alphabétiquement par "fn" avec peut-être quelques individus listés dans une seule sous-bulle, délimités par une virgule et triés par "family-name".
# '''Lieux en ligne''' - qui fournissent des listings pour les entreprises ou organisations, avec un nombre estimé du # de lieux, par exemple ~10k pour Upcoming.org. Triés alphabétiquement par service/nom de site, avec peut-être quelques lieux spécifiques listés dans une seule sous-bulle, délimités par une virgule et triés par "fn".
# '''Listes de conférenciers''' - Les pages de conférenciers sur les sites d'événements où les conférenciers sont balisés avec hCard. Triées par date, sous-groupées par années. Les plus récentes en premier. Peut-être quelques individus listés dans une unique sous-bulle pour chaque événement, séparés par une virgule, triés par "family-name".

En outre, il y a une section séparée des "Exemples UTF8" qui peut être utilisée pour placer un autre lien vers n'importe quel exemple de hCard qui a différents caractères non-ASCII7 / non-anglais pour différentes valeurs de propriétés.

A chaque fois que chaque section en elle-même deviendra vraiment grosse (nous pourrions y être parvenus à cette heure, une fois que nous les aurons triées à travers les "Exemples Révisés" au-dessus), elle sera probablement migrée vers une page séparée, laissant son titre ici en place, et remplaçant ses contenus ici avec un lien vers la page séparée et peut-être un résumé de statistiques.

=== Individus ===

* La page d'accueil de [http://dbaron.org/ David Baron] est balisée avec hCard.
* La page d'accueil de [http://tantek.com/ Tantek Çelik] inclut une hCard d'auteur dans la ligne en bas de la page.
* [http://blogs.msdn.com/cwilso/ Chris Wilson] a une hCard pour lui-même sur [http://blogs.msdn.com/cwilso/about.aspx sa page about].
* ...

=== Organisations ===
* [http://technorati.com Technorati] (3)
** Les pages [http://technorati.com/about/ about], [http://technorati.com/press/ press] et [http://technorati.com/about/contact.html contact] sont balisées avec hCard et ont des liens "Add to Address Book" qui utilisent le [http://feed.technorati.com/contacts/ Technorati service Fil de Contacts].

=== Institutions ===

* La [http://technorati.com/about/staff.html page Staff de Technorati] a des hCards pour ses collaborateurs (~31)
** par exemple [http://technorati.com/about/staff.html?s=adam_hertz#adam_hertz Adam Hertz], [http://technorati.com/about/staff.html?s=matthew_levine#matthew_levine Matthew Levine], [http://technorati.com/about/staff.html?s=ryan_king#ryan_king Ryan King], [http://technorati.com/about/staff.html?s=david_sifry#david_sifry David Sifry], etc.

=== Profils En Ligne ===

=== Lieux en Ligne ===

===Listes de conférenciers===
==== 2007 ====
* ...
==== 2006 ====
* ...
==== 2005 ====
* ...

===Exemples en UTF8 ===

Ces exemples contiennent tous un ou plusieurs caractères en UTF8 qui sont en dehors de la gamme ASCII7 et font des cas excellents pour les tests afin de s'assurer que vous gérez bien proprement l'UTF8 à travers votre parseur hCard et la transformation. Et tout spécialement si vous générez des vCards, ces tests aideront à vous assurer que vous générez des vCards UTF8 de façon qu'elles puissent être reconnues par les applications UTF8 supportant les vCards.
* [http://tantek.com/ Tantek's Thoughts] encode Çelik comme de l'UTF8 dans la ligne.

===Exemples Non-HTML ===
* [http://dannyayers.com/misc/microformats/hcard-svg la démo hCard SVG de Danny Ayers]

== Pages Apparentées==
{{hcard-related-pages-fr}}