icons-ja

(Difference between revisions)

Jump to: navigation, search
(単語を訳して完訳)
Current revision (23:39, 17 November 2008) (view source)
m (Accessibility)
 
(3 intermediate revisions not shown.)
Line 1: Line 1:
-
<!-- english: 03:37, 14 Sep 2006 -->
+
<!-- english: 00:19, 23 Jan 2007 -->
<h1> アイコン </h1>
<h1> アイコン </h1>
これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。
これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。
Line 6: Line 6:
* [http://factoryjoe.com/blog Chris Messina]
* [http://factoryjoe.com/blog Chris Messina]
* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]
* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]
 +
* [http://bartleme.at Wolfgang Bartelme]
 +
 +
==Accessibility==
 +
Publishers are advised to ensure that these icons are used in an accessible fashion, by including suitable "alt" attributes.
 +
 +
Icon designers are reminded that inability to distinguish between red and green is the commonest form of color-blindness .
=== 著作権 ===
=== 著作権 ===
Line 11: Line 17:
== アイコン ==
== アイコン ==
 +
 +
=== Web ===
 +
 +
A [http://factorycity.net/projects/microformats-icons/ first effort] has been completed by Wolfgang Bartelme and Chris Messina to create a series of web-friendly icons and buttons for microformats.
 +
 +
==== General ====
 +
 +
* 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 hCard Add
 +
* http://factorycity.net/projects/microformats%2Dicons/images/icon-hcard-download.png hCard Download
 +
* http://factorycity.net/projects/microformats%2Dicons/images/icon-hresume.png hResume (button)
 +
* http://factorycity.net/projects/microformats%2Dicons/images/icon-rel-tag.png rel-tag (button)
 +
* http://factorycity.net/projects/microformats%2Dicons/images/icon-xfn.png XFN (button)
 +
 +
'''Comments:'''
 +
 +
* Hober pointed out that bright green seems to be a common color for [eventful.com/images/skin/ical.gif ical chicklets]
 +
* Tantek wonders if the rel-tag button is useful
 +
* ChrisMessina suggest a need for a small 10x10 tag icon
 +
* Tantek wonders whether we need an hCard Download icon -- since it focuses too much on the "pipes"
 +
* Ron thinks it's ok to use icons, cause it's a nice way of promoting the "Microformat idea". Maybe it's a good idea to use a downward aimed arrow to indicate the possibility to "download" something (like an hCard or hResume).
 +
 +
==== 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
 +
 +
'''Comments:'''
 +
 +
* Tantek: wonders if a rel-me icon is necessary or appropriate; perhaps something indicating "facets"?
 +
* ChrisMesssina: rel-me is useful in blog posts where you link to other posts that you've written
 +
* [[User:WizardIsHungry|Jon Williams]] 13:40, 5 Jan 2007 (PST): I thought "Flickr buddy" when I first saw these due to the color. Also the pink/blue may annoy people with some gender issues. Maybe we should use green for the sweetheart?
 +
 +
==== VoteLinks ====
 +
[http://microformats.org/wiki/vote-links VoteLinks]
 +
 +
* http://deliciouslymeta.com/projects/vote-links/vote-for.gif vote-for
 +
* http://deliciouslymeta.com/projects/vote-links/vote-against.gif vote-against
 +
 +
'''Comments:'''
 +
* [[User:SteveIvy|Steve Ivy]]: I don't have a good icon for vote-abstain. Recommendations welcome. These are also a tad large to site next to links, perhaps?
 +
** [[User:AndyMabbett|Andy Mabbett]]: Is +1/-1 a common way of representing voting? Would ticks and crosses be better, or thumbs up/ down (or horizontal for abstain)?
 +
*** [[User:SteveIvy|Steve Ivy]]: I rather like the icons used by [http://digg.com digg] for voting on comments, but cannot use them for obvious reasons. I'm no iconographer to be honest, but if someone were to create thumbs-up/thumbs-down icons I'd use them instead of these.
 +
 +
==== Geo ====
 +
 +
Can be used in the ''background-image'' CSS property, next to a geo microformat. It could also indicate that a map opens in a new window:
 +
 +
* http://microformats.telemetry.gr/openmap.gif
 +
 +
----
=== Mac ===
=== Mac ===
Line 18: Line 81:
[http://factoryjoe.com/blog Chris Messina]によって作られました。
[http://factoryjoe.com/blog Chris Messina]によって作られました。
 +
----
 +
=== PDF & SVG ===
=== 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]
[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]
Line 24: Line 89:
[http://dmitry.baranovskiy.com Dmitry Baranovskiy]によって作られました。
[http://dmitry.baranovskiy.com Dmitry Baranovskiy]によって作られました。
 +
 +
== Examples in the Wild ==
 +
 +
* [http://zeroseis.com.br ZeroSeis] uses hCard download icon.
 +
* [http://www.nextbbs.com nextBBS] uses vote-links icons.
 +
* [http://www.revolucao.etc.br Revolução Etc] uses hCard download icon and tag icon.

Current revision

Contents

アイコン

これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。

作者

Accessibility

Publishers are advised to ensure that these icons are used in an accessible fashion, by including suitable "alt" attributes.

Icon designers are reminded that inability to distinguish between red and green is the commonest form of color-blindness .

著作権

特に断りのない限り、これらのアイコンのライセンスは、Creative Commons 帰属 - 同一条件許諾 2.5です。

アイコン

Web

A first effort has been completed by Wolfgang Bartelme and Chris Messina to create a series of web-friendly icons and buttons for microformats.

General

Comments:

XFN

Comments:

VoteLinks

VoteLinks

Comments:

Geo

Can be used in the background-image CSS property, next to a geo microformat. It could also indicate that a map opens in a new window:


Mac

mf-icons-preview.png

これらのアイコンは、Macのフォルダーやファイルのアイコンとして使うことができます。それらを管理、適用するためにPixadexのようなツールを使うことができます。

Chris Messinaによって作られました。


PDF & SVG

pdffile.png svgfile.png

このロゴはChrisのセットの最初のアイコンとほとんど同じような見ためです。Adobe PhotoshopやAdobe Illustratorのような編集ツールでビットマップやベクターデータに変換できます。

Dmitry Baranovskiyによって作られました。

Examples in the Wild

icons-ja was last modified: Monday, November 17th, 2008

Views