icons-fr
Icônes
Ces icônes peuvent être utilisées pour vignetter différents microformats dans les pages web ou sur le bureau.
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.
Créateurs
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
hAtom
hCalendar
Ajout hCard
Télécharger hCard
hResume (bouton)
rel-tag (bouton)
XFN (bouton)
Fondé sur le Kit de Dev Général d'icônes:
Télécharger hCalendar
Ajouter hCalendar
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
- 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"
- 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"
.
XFN
rel-me
rel-friend
met
rel-sweetheart
met
rel-colleague
met
Commentaires :
- Tantek: s'interroger 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.
VoteLinks
vote-for
vote-against
(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.
- 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) ?
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 :
Mac
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
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
- Barcodes 2D (un graphique ressemblant à un code barres pour capture par téléphone mobile)
- boutons
- icônes
- Stickers
Exemples dans la jungle
- ZeroSeis utilise l'icône de téléchargement hCard.
- Bay of Islands utilise l'icône hCard geo par ex. dans la page Moustrap Backpackers
- nextBBS utilise les icônes vote-links.
- Revolução Etc utilise l'icône de téléchargement hCard download et l'icône tag