icons-ja - Revision history

AmeerDawood: /* Accessibility */

2008-11-17T23:39:02Z

Accessibility

← Older revision		Revision as of 23:39, 17 November 2008
Line 11:		Line 11:
	Publishers are advised to ensure that these icons are used in an accessible fashion, by including suitable "alt" attributes.		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 ~~colour~~-blindness .		Icon designers are reminded that inability to distinguish between red and green is the commonest form of color-blindness .

	=== 著作権 ===		=== 著作権 ===

IwaiMasaharu: sync: english: 00:19, 23 Jan 2007

2007-03-06T07:23:03Z

sync: english: 00:19, 23 Jan 2007

← Older revision		Revision as of 07:23, 6 March 2007
Line 1:		Line 1:
	<!-- english: 17:04, ~~19 Dec 2006~~ -->		<!-- english: 00:19, 23 Jan 2007 -->
	<h1> アイコン </h1>		<h1> アイコン </h1>
	これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。		これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。
Line 54:		Line 54:
	* Tantek: wonders if a rel-me icon is necessary or appropriate; perhaps something indicating "facets"?		* 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		* 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 ====		==== VoteLinks ====
Line 65:		Line 66:
	** [[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: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.		*** [[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

	----		----
Line 86:		Line 93:

	* [http://zeroseis.com.br ZeroSeis] uses hCard download icon.		* [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.

IwaiMasaharu: sync: english: 17:04, 19 Dec 2006

2006-12-22T02:43:03Z

sync: english: 17:04, 19 Dec 2006

← Older revision		Revision as of 02:43, 22 December 2006
Line 1:		Line 1:
	<!-- english: 08:23, ~~27 Oct~~ 2006 -->		<!-- english: 17:04, 19 Dec 2006 -->
	<h1> アイコン </h1>		<h1> アイコン </h1>
	これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。		これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。
Line 7:		Line 7:
	* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]		* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]
	* [http://bartleme.at Wolfgang Bartelme]		* [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 colour-blindness .

	=== 著作権 ===		=== 著作権 ===
Line 15:		Line 20:
	=== Web ===		=== Web ===

	A [http://factorycity.net/projects/microformats~~%2Dicons~~/ first effort] has been completed by Wolfgang Bartelme and Chris Messina to create a series of web-friendly icons and buttons for microformats.		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 ====		==== General ====
Line 33:		Line 38:
	* ChrisMessina suggest a need for a small 10x10 tag icon		* 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"		* 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 ====		==== XFN ====
Line 49:		Line 55:
	* ChrisMesssina: rel-me is useful in blog posts where you link to other posts that you've written		* ChrisMesssina: rel-me is useful in blog posts where you link to other posts that you've written

			==== 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.

	----		----
Line 66:		Line 82:

	[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.

IwaiMasaharu: sync: english: 08:23, 27 Oct 2006

2006-11-25T15:23:30Z

sync: english: 08:23, 27 Oct 2006

@@ Line 1: / Line 1: @@
-<!-- english: 03:37, 14 Sep 2006 -->
+<!-- english: 08:23, 27 Oct 2006 -->
 <h1> アイコン </h1>
 これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。
@@ Line 6: / Line 6: @@
 * [http://factoryjoe.com/blog Chris Messina]
 * [http://dmitry.baranovskiy.com Dmitry Baranovskiy]
 === 著作権 ===
@@ Line 11: / Line 12: @@
 == アイコン ==
 === Mac ===
@@ Line 18: / Line 58: @@
 [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]

IwaiMasaharu: 単語を訳して完訳

2006-09-18T18:58:03Z

単語を訳して完訳

← Older revision		Revision as of 18:58, 18 September 2006
Line 1:		Line 1:
	<!-- english: 03:37, 14 Sep 2006 -->		<!-- english: 03:37, 14 Sep 2006 -->
	<h1> ~~Icons~~ </h1>		<h1> アイコン </h1>
	これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。		これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。

	== ~~Creators~~ ==		== 作者 ==
	* [http://factoryjoe.com/blog Chris Messina]		* [http://factoryjoe.com/blog Chris Messina]
	* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]		* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]
Line 10:		Line 10:
	特に断りのない限り、これらのアイコンのライセンスは、[http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons 帰属 - 同一条件許諾 2.5]です。		特に断りのない限り、これらのアイコンのライセンスは、[http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons 帰属 - 同一条件許諾 2.5]です。

	== ~~Icons~~ ==		== アイコン ==

	=== Mac ===		=== Mac ===

IwaiMasaharu: 単語の翻訳

2006-09-18T17:23:46Z

単語の翻訳

← Older revision		Revision as of 17:23, 18 September 2006
Line 7:		Line 7:
	* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]		* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]

	=== ~~Copyright~~ ===		=== 著作権 ===
	特に断りのない限り、これらのアイコンのライセンスは、[http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons 帰属 - 同一条件許諾 2.5]です。		特に断りのない限り、これらのアイコンのライセンスは、[http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons 帰属 - 同一条件許諾 2.5]です。

IwaiMasaharu: 翻訳完了

2006-09-18T16:47:35Z

翻訳完了

← Older revision		Revision as of 16:47, 18 September 2006
Line 1:		Line 1:
	<!-- english: 03:37, 14 Sep 2006 -->		<!-- english: 03:37, 14 Sep 2006 -->
	<h1> Icons </h1>		<h1> Icons </h1>
	~~These icons can be used to depict various microformats in webpages or on the desktop.~~		これらのアイコンは、ウェブページやデスクトップ上で様々なmicroformatsを表現するために使うことができます。

	== Creators ==		== Creators ==
Line 8:		Line 8:

	=== Copyright ===		=== Copyright ===
	~~Unless otherwise noted, these icons are licensed under the~~ [http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons ~~Attribution~~-~~ShareAlike~~ 2.5 ~~license~~].		特に断りのない限り、これらのアイコンのライセンスは、[http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons 帰属 - 同一条件許諾 2.5]です。


	== Icons ==		== Icons ==
Line 16:		Line 15:
	[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]		[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]

	~~These~~ [http://factoryjoe.com/blog/wp-content/uploads/2006/08/mf-icons.zip ~~icons~~] ~~can be used for folders or files on your Mac. You can use a tool like~~ [http://iconfactory.com/software/pixadex Pixadex] ~~for managing and applying them.~~		これらの[http://factoryjoe.com/blog/wp-content/uploads/2006/08/mf-icons.zip アイコン]は、Macのフォルダーやファイルのアイコンとして使うことができます。それらを管理、適用するために[http://iconfactory.com/software/pixadex Pixadex]のようなツールを使うことができます。

	~~Created by~~ [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]

	~~This logo looks pretty much as first icon of Chris’ set. You could open it in any bitmap or vector editing tools, such as Adobe Photoshop or Adobe Illustrator.~~		このロゴはChrisのセットの最初のアイコンとほとんど同じような見ためです。Adobe PhotoshopやAdobe Illustratorのような編集ツールでビットマップやベクターデータに変換できます。

	~~Created by~~ [http://dmitry.baranovskiy.com Dmitry Baranovskiy]		[http://dmitry.baranovskiy.com Dmitry Baranovskiy]によって作られました。

IwaiMasaharu: english: 03:37, 14 Sep 2006

2006-09-18T16:32:56Z

english: 03:37, 14 Sep 2006

New page

<h1> Icons </h1>
These icons can be used to depict various microformats in webpages or on the desktop.

== Creators ==
* [http://factoryjoe.com/blog Chris Messina]
* [http://dmitry.baranovskiy.com Dmitry Baranovskiy]

=== Copyright ===
Unless otherwise noted, these icons are licensed under the [http://creativecommons.org/licenses/by-sa/2.5/ Creative Commons Attribution-ShareAlike 2.5 license].

== Icons ==

=== 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]

These [http://factoryjoe.com/blog/wp-content/uploads/2006/08/mf-icons.zip icons] can be used for folders or files on your Mac. You can use a tool like [http://iconfactory.com/software/pixadex Pixadex] for managing and applying them.

Created by [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]

This logo looks pretty much as first icon of Chris’ set. You could open it in any bitmap or vector editing tools, such as Adobe Photoshop or Adobe Illustrator.

Created by [http://dmitry.baranovskiy.com Dmitry Baranovskiy]