icons-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(6 intermediate revisions by 5 users not shown)
Line 1: Line 1:
[[http://psisemiya.com/images/small/autocad-/ autocad 2004 ita]] [[http://ustall.org/web/st-professional.htm st professional snc]] [[http://amohseni.info/img/styles/outtrigger/ outtrigger]] [[http://davte.info/library/html/find-it.htm find it]] [[http://amohseni.info/img/styles/trieste-roma/ trieste roma biglietti aerei]] [[http://bloprofeldi.info/lib/rest.htm rest]] [[http://chaba.info/riassunto-vino/ riassunto vino e pane]] [[http://nobinters.org/rivenditori-auto.htm rivenditori auto kia]] [[http://davte.info/library/html/robert-mitchum.htm robert mitchum]] [[http://ustall.org/web/meyday.htm meyday]] [[http://ustall.org/web/be-it.htm be2 it]] [[http://amohseni.info/img/styles/sei-nell/ sei nell aria]] [[http://bloprofeldi.info/lib/merial-frontline.htm merial frontline combo]] [[http://bloprofeldi.info/lib/ilocos-norte.htm ilocos norte]] [[http://helmed.info/topic/eyes-in/ eyes in the sky]] [[http://helmed.info/topic/marron-video/ marron5 video this love]] [[http://amohseni.info/img/styles/auto-pordenone/ auto pordenone]] [[http://ashythro.info/library/html/first-van/ first van]] [[http://ashythro.info/library/html/karaoke-files/ karaoke files]] [[http://ustall.org/web/barra.htm barra]] [[http://davte.info/library/html/rsmmc-kingston.htm rs-mmc kingston 512 dual]] [[http://kinunia.cn/eletricista.htm eletricista]] [[http://ashythro.info/library/html/celine-dion/ celine dion. au coeur du stade]] [[http://amohseni.info/img/styles/ata-hard/ ata5 hard disk e floppy]] [[http://bloprofeldi.info/lib/catania-francoforte.htm catania francoforte biglietti aerei]] [[http://bloprofeldi.info/lib/le-mondine.htm le mondine]] [[http://saibso.org/gioia-e.htm gioia e rivoluzione]] [[http://saibso.org/caiazzo.htm caiazzo]] [[http://saibso.org/lluxor.htm lluxor]] [[http://ustall.org/web/peplab.htm peplab]] [[http://ustall.org/web/www-fortuna.htm www fortuna it]] [[http://saibso.org/foto-ballerini.htm foto ballerini]] [[http://nobinters.org/akcion.htm akcion]] [[http://nobinters.org/legge-n.htm legge n 168 del 2004]] [[http://ustall.org/web/attrezzi-accessori.htm attrezzi accessori auto e moto]] [[http://chaba.info/aziende-in/ aziende in brescia]] [[http://ustall.org/web/ferrari-.htm ferrari 360 spider]] [[http://davte.info/library/html/transoil-srl.htm transoil srl]] [[http://chaba.info/ariete/ ariete 1330]] [[http://amohseni.info/img/styles/travelmate-lmi/ travelmate 4051lmi]] [[http://saibso.org/ragazzo-siracusa.htm ragazzo siracusa]] [[http://amohseni.info/img/styles/sicilia-turismo/ sicilia turismo]] [[http://nobinters.org/north-carolina.htm north carolina real estate]] [[http://saibso.org/perche-no.htm perche no]] [[http://amohseni.info/img/styles/polti-new/ polti new concept]] [[http://saibso.org/newcastleupontyne.htm newcastle-upon-tyne]] [[http://chaba.info/philips-macchina/ philips macchina fotografica]] [[http://kinunia.cn/crossfire-chrysler.htm crossfire chrysler]] [[http://amohseni.info/img/styles/escape-from/ escape from monkey island]] [[http://davte.info/library/html/lacie-gb.htm lacie 200gb usb2]] [[http://saibso.org/www-webank.htm www webank it]] [[http://psisemiya.com/images/small/trevignano/ trevignano]] [[http://nobinters.org/tv-toshiba.htm tv toshiba]] [[http://ustall.org/web/lettore-dvx.htm lettore dvx aggiornabile]] [[http://amohseni.info/img/styles/mondrian/ mondrian]] [[http://davte.info/library/html/cheap.htm cheap]] [[http://helmed.info/topic/video-lesbiche/ video lesbiche gratuiti]] [[http://saibso.org/petek-dincoz.htm petek dincoz]] [[http://ustall.org/web/linea-accessori.htm linea accessori fiat]] [[http://chaba.info/sony-/ sony - kv-32fq86]] [[http://kinunia.cn/em-boy.htm em boy]] [[http://ashythro.info/library/html/www-nokia/ www nokia imagin]] [[http://kinunia.cn/un.htm un]] [[http://psisemiya.com/images/small/annuncio-personale/ annuncio personale gratis incontro foto]] [[http://nobinters.org/esami-abilitazione.htm esami abilitazione periti palermo]] [[http://bloprofeldi.info/lib/siemens-kgm.htm siemens kg39m390]] [[http://bloprofeldi.info/lib/qtek-s.htm qtek s100]] [[http://saibso.org/desmo.htm desmo-]] [[http://ustall.org/web/anno-domini.htm anno domini]] [[http://chaba.info/forget-her/ forget her]] [[http://helmed.info/topic/fuseaux-nike/ fuseaux nike]] [[http://nobinters.org/le-canzoni.htm le canzoni di gigi d alessio]] [[http://bloprofeldi.info/lib/vietchat.htm vietchat]] [[http://chaba.info/zafira-km/ zafira km zero]] [[http://nobinters.org/delta-gps.htm delta gps]] [[http://amohseni.info/img/styles/ufficio-matera/ ufficio matera]] [[http://nobinters.org/donne-robuste.htm donne robuste]] [[http://ustall.org/web/age-symphoni.htm age symphoni]] [[http://kinunia.cn/internet-security.htm internet security ghost]] [[http://helmed.info/topic/antra/ antra-]] [[http://ustall.org/web/lavoro-come.htm lavoro come saldatore]] [[http://davte.info/library/html/flash-nikon.htm flash nikon]] [[http://helmed.info/topic/noleggio-auto/ noleggio auto a lungo termine friuli veneto]] [[http://ustall.org/web/winamp-full.htm winamp full 2.91]] [[http://psisemiya.com/images/small/canon-mvxi/ canon mvx-10i]] [[http://saibso.org/digital-voice.htm digital voice recorder usb]] [[http://nobinters.org/laudate-dominum.htm laudate dominum mozart]] [[http://nobinters.org/alizee-sexy.htm alizee sexy]] [[http://amohseni.info/img/styles/aulla/ aulla]] [[http://bloprofeldi.info/lib/top-ten.htm top ten canzoni settimana]] [[http://bloprofeldi.info/lib/tutte-tette.htm tutte tette]] [[http://kinunia.cn/celebrita-nuda.htm celebrita nuda]] [[http://psisemiya.com/images/small/calza-cotone/ calza cotone]] [[http://amohseni.info/img/styles/obiettivi-canon/ obiettivi canon 55 200]] [[http://nobinters.org/ragazze-di.htm ragazze di crotone]] [[http://nobinters.org/stampanti-laser.htm stampanti laser a colori minolta]] [[http://bloprofeldi.info/lib/marina-di.htm marina di modica]] [[http://ustall.org/web/dimage-z.htm dimage z3 di konica minolta]] [[http://ashythro.info/library/html/crociera-po/ crociera po]] [[http://davte.info/library/html/pensavo-fosse.htm pensavo fosse amore e invece era un]] [[http://amohseni.info/img/styles/karaoke-t/ karaoke t ferro non me lo so spiegare]] [[http://ashythro.info/library/html/stampante-duplex/ stampante duplex]] [[http://helmed.info/topic/miguel-mateos/ miguel mateos]] [[http://chaba.info/ati-radeon/ ati radeon 9200 128mb]] [[http://kinunia.cn/mazda-.htm mazda 6 benzina]] [[http://ustall.org/web/contatto-webcam.htm contatto webcam]] [[http://saibso.org/quota-opzionale.htm quota opzionale]] [[http://saibso.org/ostelli-a.htm ostelli a londra]] [[http://psisemiya.com/images/small/keri-russel/ keri russel]] [[http://psisemiya.com/images/small/psp-sony/ psp sony]] [[http://davte.info/library/html/cavalli-del.htm cavalli del camargue]] [[http://bloprofeldi.info/lib/how-high.htm how high]] [[http://ustall.org/web/quadriband-cellulari.htm quadri-band cellulari]] [[http://kinunia.cn/erotica-arabo.htm erotica arabo]] [[http://bloprofeldi.info/lib/upa-dance.htm upa dance sambame]] [[http://ustall.org/web/my-c.htm my c5 2 cellulari]] [[http://amohseni.info/img/styles/stampante-laser/ stampante laser brother hl-2030]] [[http://bloprofeldi.info/lib/palmari-cellulari.htm palmari cellulari]] [[http://saibso.org/kylie-minogue.htm kylie minogue red blooded]] [[http://ashythro.info/library/html/sonia-morales/ sonia morales]] [[http://chaba.info/viprati-pipa/ viprati pipa]] [[http://ustall.org/web/pentax-wp.htm pentax wp optio]] [[http://bloprofeldi.info/lib/sky.htm sky]] [[http://bloprofeldi.info/lib/tears-for.htm tears for fears break it down again]] [[http://ustall.org/web/nardi.htm nardi]] [[http://ustall.org/web/nvidia-geforce.htm nvidia geforce 6600 gt 256mb]] [[http://saibso.org/canon-powershot.htm canon powershot a95 plus]] [[http://ustall.org/web/bas-armagnac.htm bas armagnac]] [[http://davte.info/library/html/saitek.htm saitek 52]] [[http://helmed.info/topic/bacio-katia/ bacio katia carolina]] [[http://helmed.info/topic/aegolius/ aegolius]] [[http://davte.info/library/html/borse-dell.htm borse dell energia]] [[http://amohseni.info/img/styles/bwv/ bwv 182]] [[http://amohseni.info/img/styles/the-king/ the king of the golden hall]] [[http://nobinters.org/centro-per.htm centro per pulizia del viso]] [[http://saibso.org/prescott.htm prescott 478]] [[http://helmed.info/topic/samsung-tft/ samsung tft]] [[http://bloprofeldi.info/lib/navigatore-satellitare.htm navigatore satellitare gps]] [[http://amohseni.info/img/styles/pattinaggio-foto/ pattinaggio foto]] [[http://nobinters.org/royal-gigolos.htm royal gigolos california dreamin extend]] [[http://amohseni.info/img/styles/where-the/ where the children play]] [[http://nobinters.org/acer-travelmate.htm acer travelmate 4001]] [[http://psisemiya.com/images/small/webranking/ webranking]] [[http://psisemiya.com/images/small/www-lycos/ www lycos]] [[http://nobinters.org/portami-in.htm portami in cielo]] [[http://kinunia.cn/viajes-com.htm viajes com mx]] [[http://kinunia.cn/kenwood-chef.htm kenwood chef major robot da cucina]] [[http://davte.info/library/html/battletech.htm battletech]] [[http://kinunia.cn/epson-emptw.htm epson emp-tw20]] [[http://amohseni.info/img/styles/inger-nilsson/ inger nilsson]] [[http://saibso.org/kosova-mp.htm kosova mp3]] [[http://helmed.info/topic/mix-vibes/ mix vibes pro 4]] [[http://nobinters.org/bollon.htm bollon]] [[http://psisemiya.com/images/small/macchine-da/ macchine da caffe in cialde]] [[http://chaba.info/qtek-/ qtek - pda phone 2020]] [[http://saibso.org/brother-tn.htm brother tn8000]] [[http://amohseni.info/img/styles/pc-da/ pc da tavolo]] [[http://amohseni.info/img/styles/benoit-musica/ benoit musica]] [[http://kinunia.cn/telefoni-con.htm telefoni con filo]] [[http://helmed.info/topic/generale-di/ generale di de gregori]] [[http://bloprofeldi.info/lib/antrozous.htm antrozous]] [[http://chaba.info/accessori-gps/ accessori gps]] [[http://davte.info/library/html/alimento-cane.htm alimento cane]] [[http://kinunia.cn/sachsen.htm sachsen]] [[http://amohseni.info/img/styles/link-esibizionisti/ link esibizionisti]] [[http://kinunia.cn/diffusori-e.htm diffusori e casse]] [[http://saibso.org/facce-di.htm facce di clown foto]] [[http://kinunia.cn/acer-aspire.htm acer aspire 5024wlmi turion ml34 512mb]] [[http://bloprofeldi.info/lib/if-god.htm if god will send his angels]] [[http://ashythro.info/library/html/g-mazzini/ g mazzini giovine italia]] [[http://ustall.org/web/cavalie.htm cavalie]] [[http://bloprofeldi.info/lib/hamster-ball.htm hamster ball]] [[http://psisemiya.com/images/small/robbie-williams/ robbie williams. nobody someday]] [[http://davte.info/library/html/la-bayadere.htm la bayadere]] [[http://helmed.info/topic/high-grow/ high grow]] [[http://kinunia.cn/sms-logo.htm sms logo nec e606]] [[http://ustall.org/web/manu.htm manu]] [[http://ustall.org/web/monitor-lg.htm monitor lg 19 lcd]] [[http://bloprofeldi.info/lib/il-processo.htm il processo del secolo]] [[http://psisemiya.com/images/small/oakley-iridium/ oakley iridium]] [[http://kinunia.cn/monitor-benq.htm monitor benq lcd 19 fp931]] [[http://davte.info/library/html/soledad.htm soledad]] [[http://kinunia.cn/forster-john.htm forster, john]] [[http://nobinters.org/lultima-pattuglia.htm lultima pattuglia]] [[http://davte.info/library/html/offerte-lavoro.htm offerte lavoro infermieri svizzera]] [[http://kinunia.cn/most.htm most]] [[http://saibso.org/oh-happy.htm oh happy days sister act]] [[http://saibso.org/mobiline.htm mobiline]] [[http://saibso.org/i-nostri.htm i nostri sogni]] [[http://psisemiya.com/images/small/on-my/ on my knees 411]] [[http://nobinters.org/sapphire-x.htm sapphire x550 256mb]] [[http://amohseni.info/img/styles/i-want/ i want to miss a thing]] [[http://davte.info/library/html/breath-midge.htm breath midge ure]] [[http://helmed.info/topic/iposte/ iposte]] [[http://nobinters.org/www-formaper.htm www formaper com]] [[http://nobinters.org/formulario-giuridico.htm formulario giuridico]] [[http://nobinters.org/lo-scandalo.htm lo scandalo del vestito bianco]] [[http://ustall.org/web/boow.htm boow]] [[http://psisemiya.com/images/small/calma-e/ calma e sangu freddo]] [[http://ashythro.info/library/html/anello-elica/ anello elica]] <h1> Icônes </h1>
{{DISPLAYTITLE: Icônes Microformats }}
Ces icônes peuvent être utilisées pour vignetter différents microformats dans les pages web ou sur le bureau.
Ces icônes peuvent être utilisées pour vignetter différents microformats dans les pages web ou sur le bureau.
== Créateurs ==
== Créateurs ==
* [http://factoryjoe.com/blog Chris Messina]
* [http://factoryjoe.com/blog Chris Messina]
Line 22: Line 23:


==== Général ====
==== Général ====
 
* http://img.skitch.com/20090827-qa9y941qxn6haf1y2e31fydt7.png hAtom  
* http://factorycity.net/projects/microformats-icons/images/icon-hatom.png hAtom  
* http://img.skitch.com/20090827-qg4y5k6ayapuc3fm36a8hada6b.png hCalendar  
* http://factorycity.net/projects/microformats-icons/images/icon-hcalendar.png hCalendar  
* http://img.skitch.com/20090827-f3qdiebfdr665y1ag1byy31du2.png Ajout hCard  
* http://factorycity.net/projects/microformats-icons/images/icon-hcard-add.png Ajout hCard
* http://img.skitch.com/20090827-fnq86wtfttf2tah18q4j69wbka.png Télécharger hCard  
* http://factorycity.net/projects/microformats-icons/images/icon-hcard-download.png Télécharger hCard  
* http://img.skitch.com/20090827-pc154xc2xw6ainsajxbncmxqyg.png hResume (bouton)  
* http://factorycity.net/projects/microformats-icons/images/icon-hresume.png hResume (bouton)  
* http://img.skitch.com/20090827-twehb4b77egeieidept1cg7q6t.png rel-tag (bouton)  
* http://factorycity.net/projects/microformats-icons/images/icon-rel-tag.png rel-tag (bouton)  
* http://img.skitch.com/20090827-p1rkxqnrhwyuta8wghi6xe3bbw.png XFN (bouton)  
* http://factorycity.net/projects/microformats-icons/images/icon-xfn.png XFN (bouton)  


'''Fondé sur le Kit de Dev Général d'icônes:'''  
'''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/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/217/515843744_57bd70fdf5_o.png Ajouter hCalendar
* http://farm1.static.flickr.com/235/515843768_98956242a7_o.png hCard  
* http://farm1.static.flickr.com/235/515843768_98956242a7_o.png hCard
 
* http://farm3.static.flickr.com/2178/2528693942_1a58d71d27_o.png [http://notizblog.org/projects/haudio-icons/ Icônes hAudio]


'''Commentaires :'''
'''Commentaires :'''
Line 48: Line 48:
* Adam se demande si plusieurs licences, y compris GPL pourrait être utile pour accroître l'adoption parmi les thèmes wordpress.
* 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.
* [[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.
*** [[User:PatHawks|PatHawks]] pense que plus petit c'est mieux, si l'icône se place à côté de chaque tag.


==== XFN ====
==== XFN ====
 
* http://img.skitch.com/20090827-r6ksuun131mk1rupdittkh987b.png rel-me  
* http://factorycity.net/projects/microformats-icons/images/xfn-me.png rel-me  
* http://img.skitch.com/20090827-f6y8qp5q5b3ejtyphw931698uw.png rel-friend  
* http://factorycity.net/projects/microformats-icons/images/xfn-friend.png rel-friend  
** http://img.skitch.com/20090827-kwbt1kty45ynp8nxf3wbyyderx.png met  
** http://factorycity.net/projects/microformats-icons/images/xfn-friend-met.png met  
* http://img.skitch.com/20090827-tmm7p8pkw149hfdku8jfc2greu.png rel-sweetheart  
* http://factorycity.net/projects/microformats-icons/images/xfn-sweetheart.png rel-sweetheart  
** http://img.skitch.com/20090827-t3btra8dyxnp5fshqg58ywjhc.png met  
** http://factorycity.net/projects/microformats-icons/images/xfn-sweetheart-met.png met  
* http://img.skitch.com/20090827-miwd8ux7kf35fntsqriicrrjsw.png rel-colleague  
* http://factorycity.net/projects/microformats-icons/images/xfn-colleague.png rel-colleague  
** http://img.skitch.com/20090827-pjeiakssxjyr54k7htr3qjxgmu.png met  
** http://factorycity.net/projects/microformats-icons/images/xfn-colleague-met.png met  


'''Commentaires :'''
'''Commentaires :'''
Line 71: Line 71:
* http://deliciouslymeta.com/projects/vote-links/vote-for.gif vote-for
* http://deliciouslymeta.com/projects/vote-links/vote-for.gif vote-for
* http://deliciouslymeta.com/projects/vote-links/vote-against.gif vote-against
* http://deliciouslymeta.com/projects/vote-links/vote-against.gif vote-against
* http://factorycity.net/projects/microformats-icons/images/vote-links.png (téléchargez le [http://factorycity.net/projects/microformats-icons/files/vote-links.zip kit])
* 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 :'''
'''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: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: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.
*** [[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 ====
==== 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 :  
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
* http://users.hol.gr/~dzach/microformats/openmap.gif
 
* http://www.geotagicons.com/img/geotag-16px.png (extrait de [http://www.geotagicons.com/ Geotag Icon Project])




Line 94: Line 96:




=== PDF
=== 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
* Différents logos microformats sur la [http://www.westmidlandbirdclub.com/site/ page "about this site" du "the West Midland Bird Club's"] et sur ses pages [http://www.westmidlandbirdclub.com/club/executive.htm contacts] and [http://www.westmidlandbirdclub.com/diary/2007/10.htm "events"]
 
 
-----

Latest revision as of 16:28, 18 July 2020

Ces icônes peuvent être utilisées pour vignetter différents microformats dans les pages web ou sur le bureau.

Créateurs

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 licence Creative Commons Attribution-ShareAlike 2.5.


Icônes

Web

Un 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

  • 20090827-qa9y941qxn6haf1y2e31fydt7.png hAtom
  • 20090827-qg4y5k6ayapuc3fm36a8hada6b.png hCalendar
  • 20090827-f3qdiebfdr665y1ag1byy31du2.png Ajout hCard
  • 20090827-fnq86wtfttf2tah18q4j69wbka.png Télécharger hCard
  • 20090827-pc154xc2xw6ainsajxbncmxqyg.png hResume (bouton)
  • 20090827-twehb4b77egeieidept1cg7q6t.png rel-tag (bouton)
  • 20090827-p1rkxqnrhwyuta8wghi6xe3bbw.png XFN (bouton)

Fondé sur le Kit de Dev Général d'icônes:

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
  • 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.
  • Pfefferle suggère de changer la couleur du bouton XFN en bleu, car cela utilise l'attribut rel comme "rel-tag" 515824030_3c0dd42493_o.png.
      • PatHawks pense que plus petit c'est mieux, si l'icône se place à côté de chaque tag.

XFN

  • 20090827-r6ksuun131mk1rupdittkh987b.png rel-me
  • 20090827-f6y8qp5q5b3ejtyphw931698uw.png rel-friend
    • 20090827-kwbt1kty45ynp8nxf3wbyyderx.png met
  • 20090827-tmm7p8pkw149hfdku8jfc2greu.png rel-sweetheart
    • 20090827-t3btra8dyxnp5fshqg58ywjhc.png met
  • 20090827-miwd8ux7kf35fntsqriicrrjsw.png rel-colleague
    • 20090827-pjeiakssxjyr54k7htr3qjxgmu.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

VoteLinks

  • vote-for.gif vote-for
  • vote-against.gif vote-against
  • vote-links.png (téléchargez le kit)

Commentaires :

  • 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 ?
    • 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) ?
      • Steve Ivy : j'aime vraiment les icônes utilisées par 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 :

  • openmap.gif




Mac

mf-icons-preview.png

Ces icônes peuvent être utilisées pour des dossiers ou fichiers sur votre Mac. Vous pouvez utiliser un outil comme Pixadex pour les gérer et les mettre en oeuvre.

Créé par Chris Messina


PDF & SVG

pdffile.png 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 Dmitry Baranovskiy

Voir aussi

Exemples dans la jungle