icons-fr

2008-12-20T05:05:00Z

ReldrOncoa: darace

eltchi
<h1> IcÃ´nes </h1>
Ces icÃ´nes peuvent Ãªtre utilisÃ©es pour vignetter diffÃ©rents microformats dans les pages web ou sur le bureau.
== CrÃ©ateurs ==
* [http://factoryjoe.com/blog Chris Messina]
* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]
* [http://bartleme.at Wolfgang Bartelme]

==AccessibilitÃ©==
Il est conseillÃ© aux Ã©diteurs de s'assurer que ces icÃ´nes soient utilisÃ©es de faÃ§on accessible en y incluant les attributs appropriÃ©s "alt".

Il est rappelÃ© aux designeurs d'icÃ´nes que l'incapacitÃ© de distinguer entre le rouge et le vert fait partie des formes le plus communes de daltonisme.

=== Copyright ===
A moins que ce ne soit notÃ© ailleurs, ces icÃ´nes sont licenciÃ©es sous la [http://creativecommons.org/licenses/by-sa/2.5/ licence Creative Commons Attribution-ShareAlike 2.5].

== IcÃ´nes ==

=== Web ===

Un [http://factorycity.net/projects/microformats-icons/ premier effort] a Ã©tÃ© rÃ©alisÃ© par Wolfgang Bartelme et Chris Messina pour crÃ©er une sÃ©rie d'icÃ´nes et boutons microformats compatibles web .

==== GÃ©nÃ©ral ====

* http://factorycity.net/projects/microformats%2Dicons/images/icon-hatom.png hAtom
* http://factorycity.net/projects/microformats%2Dicons/images/icon-hcalendar.png hCalendar
* http://factorycity.net/projects/microformats%2Dicons/images/icon-hcard-add.png Ajout hCard
* http://factorycity.net/projects/microformats%2Dicons/images/icon-hcard-download.png TÃ©lÃ©charger hCard
* http://factorycity.net/projects/microformats%2Dicons/images/icon-hresume.png hResume (bouton)
* http://factorycity.net/projects/microformats%2Dicons/images/icon-rel-tag.png rel-tag (bouton)
* http://factorycity.net/projects/microformats%2Dicons/images/icon-xfn.png XFN (bouton)

'''FondÃ© sur le Kit de Dev GÃ©nÃ©ral d'icÃ´nes:'''
* http://farm1.static.flickr.com/247/515868619_ed9cda470a_o.png TÃ©lÃ©charger hCalendar
* http://farm1.static.flickr.com/217/515843744_57bd70fdf5_o.png Ajouter hCalendar
* http://farm1.static.flickr.com/235/515843768_98956242a7_o.png hCard

'''Commentaires :'''

* Hober a soulignÃ© que le vert brillant semble Ãªtre une couleur commune pour les [eventful.com/images/skin/ical.gif chicklets ical]
* Tantek se demande si le bouton rel-tag est utile
* ChrisMessina suggÃ¨re un besoin d'une petite icÃ´ne tag 10x10
** http://archgfx.net/aspnet_client/tag-ltblue.gif tag carrÃ©
** [[User:Pfefferle|Pfefferle]] suggÃ¨re l'icÃ´ne-tag [http://www.famfamfam.com/lab/icons/silk/ FamFamFam] : http://notizblog.org/wp-content/uploads/2007/05/tag_blue.png
* Tantek se demande si nous avons besoin d'une icÃ´ne de tÃ©lÃ©chargement hCard -- parce que cela se concentre trop sur les "pipes"
* Ron pense que c'est bien d'utilise des icÃ´nes, parce que c'est un beau moyen de promouvoir "l'idÃ©e microformats". Peut-Ãªtre que c'est une bonne idÃ©e d'utiliser une flÃ¨che pointÃ©e vers le bas pour indiquer la possibilitÃ© de "tÃ©lÃ©charger" quelque chose" (comme une hCard ou un hResume)
* Adam se demande si plusieurs licences, y compris GPL pourrait Ãªtre utile pour accroÃ®tre l'adoption parmi les thÃ¨mes wordpress.
* [[User:Pfefferle|Pfefferle]] suggÃ¨re de changer la couleur du bouton XFN en bleu, car cela utilise l'attribut rel comme "rel-tag" http://farm1.static.flickr.com/195/515824030_3c0dd42493_o.png.

==== XFN ====

* http://factorycity.net/projects/microformats%2Dicons/images/xfn-me.png rel-me
* http://factorycity.net/projects/microformats%2Dicons/images/xfn-friend.png rel-friend
** http://factorycity.net/projects/microformats%2Dicons/images/xfn-friend-met.png met
* http://factorycity.net/projects/microformats%2Dicons/images/xfn-sweetheart.png rel-sweetheart
** http://factorycity.net/projects/microformats%2Dicons/images/xfn-sweetheart-met.png met
* http://factorycity.net/projects/microformats%2Dicons/images/xfn-colleague.png rel-colleague
** http://factorycity.net/projects/microformats%2Dicons/images/xfn-colleague-met.png met

'''Commentaires :'''

* Tantek : je m'interroge si une icÃ´ne rel-me est nÃ©cessaire ou appropriÃ©e ; peut-Ãªtre qqchose indiquant les "visages" ?
* ChrisMesssina: rel-me est utile dans les billets de blogs Ã l'endroit oÃ¹ vous liez vers d'autres billets que vous avez Ã©crits.
* Joh Williams : j'ai pensÃ© aux "buddy de flickr" quand j'ai d'abord vu Ã§a du fait des couleurs. Aussi le rose/bleu peut ennuyer les gens avec quelques problÃ©matiques de genre. Peut-Ãªtre que nous devrions utiliser le vert pour le sweetheart.

==== VoteLinks ====

[http://microformats.org/wiki/vote-links-fr VoteLinks]

* http://deliciouslymeta.com/projects/vote-links/vote-for.gif vote-for
* http://deliciouslymeta.com/projects/vote-links/vote-against.gif vote-against
* http://factorycity.net/projects/microformats%2Dicons/images/vote-links.png (tÃ©lÃ©chargez le [http://factorycity.net/projects/microformats%2Dicons/files/vote-links.zip kit])

'''Commentaires :'''
* [[User:SteveIvy|Steve Ivy]] : Je n'ai pas de bonne icÃ´ne pour vote-abstain. Recommandations bienvenues. Celles ci sont aussi peut-Ãªtre un peu grandes pour se tenir Ã cÃ´tÃ© des liens ?
** [[User:AndyMabbett|Andy Mabbett]]: Est-ce que +1/-1 est un moyen commun de reprÃ©senter le vote ? Est-ce que des puces et croix seraient meilleurs, ou des pouces haut/bas (ou horizontal pour abstention) ?
*** [[User:SteveIvy|Steve Ivy]] : j'aime vraiment les icÃ´nes utilisÃ©es par [http://digg.com digg] pour voter sur les commentaires mais pour des raisons Ã©videntes je ne peux pas les utiliser. Pour Ãªtre honnÃªte, je ne suis pas iconographe, mais si quelqu'un devait crÃ©er des icÃ´nes pouces-haut/pouces-bas je les utiliserais Ã la place de celles-ci.

==== Geo ====
Peut Ãªtre utilisÃ© dans la propriÃ©tÃ© ''background-image'' de la CSS, Ã cÃ´tÃ© d'un microformat geo. Cela pourrait aussi indiquer qu'une carte s'ouvre dans une nouvelle fenÃªtre :
* http://microformats.telemetry.gr/openmap.gif

----

=== Mac ===
[http://factoryjoe.com/blog/wp-content/uploads/2006/08/mf-icons.zip http://factoryjoe.com/blog/wp-content/uploads/2006/08/mf-icons-preview.png]

Ces [http://factoryjoe.com/blog/wp-content/uploads/2006/08/mf-icons.zip icÃ´nes] peuvent Ãªtre utilisÃ©es pour des dossiers ou fichiers sur votre Mac. Vous pouvez utiliser un outil comme [http://iconfactory.com/software/pixadex Pixadex] pour les gÃ©rer et les mettre en oeuvre.

CrÃ©Ã© par [http://factoryjoe.com/blog Chris Messina]

=== PDF & SVG ===
[http://dmitry.baranovskiy.com/res/mf-logo.pdf http://dmitry.baranovskiy.com/i/pdffile.png]
[http://dmitry.baranovskiy.com/res/mf-logo.svg http://dmitry.baranovskiy.com/i/svgfile.png]

Ce logo ressemble vraiment de prÃ¨s Ã la premiÃ¨re icÃ´ne de l'ensemble de Chris. Vous pourriez l'ouvrir dans n'importe quel outil d'Ã©dition bitmap ou vectoriel comme Adobe Photoshop ou Adobe Illustrator.

CrÃ©Ã© par [http://dmitry.baranovskiy.com Dmitry Baranovskiy]

==Voir aussi ==
{{branding-see-also-fr}}

== Exemples dans la jungle ==
* [http://zeroseis.com.br ZeroSeis] utilise l'icÃ´ne de tÃ©lÃ©chargement hCard.
* [http://www.bayofislands.net/ Bay of Islands] utilise l'icÃ´ne hCard geo par ex. dans la page [http://www.bayofislands.net/accommodation/mousetrap/ Moustrap Backpackers]
* [http://www.nextbbs.com nextBBS] utilise les icÃ´nes vote-links.
* [http://www.revolucao.etc.br RevoluÃ§Ã£o Etc] utilise l'icÃ´ne de tÃ©lÃ©chargement hCard download et l'icÃ´ne tag

-----

Microformats Wiki - User contributions [en]

icons-fr