spread-microformats: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (→‎Logo: added POSH subsection)
 
(41 intermediate revisions by 15 users not shown)
Line 1: Line 1:
<h1>Spread Microformats</h1>
{{DISPLAYTITLE:Spread Microformats}}


Inspired by [http://spreadfirefox.com/ Spread Firefox], this page is for sharing community resources for marketing microformats such as [[buttons]], banners, wallpaper / desktop screens, logo graphics, etc.
Inspired by [http://spreadfirefox.com/ Spread Firefox], this page is for sharing community resources for marketing microformats such as [[buttons]], banners, wallpaper / desktop screens, logo graphics, [[stickers]], t-shirts etc.


== Email ==
== Email ==
Line 8: Line 8:
== Wallpaper ==
== Wallpaper ==
=== Wallpaper and desktop screens. ===
=== Wallpaper and desktop screens. ===
* A [http://remiprevost.com/images/wallpapers/microformats/ wallpaper] by [[User:Remi|Rémi Prévost]]
* A [https://web.archive.org/web/20111128072549/http://remiprevost.com/images/wallpapers/microformats/ wallpaper] by [[User:Remi|Rémi Prévost]]


== Logo ==
== Logo ==
https://indieweb.org/images/8/80/microformats-logo.png


* A [http://remiprevost.com/images/wallpapers/microformats/mf-vector.svg SVG] and [http://remiprevost.com/images/wallpapers/microformats/mf-vector.png PNG] (for Fireworks) version of the microformats logo, by [[User:Remi|Rémi Prévost]] (Released under a [http://creativecommons.org/licenses/by-nc-sa/2.5/ Creative Commons BY-NC-SA] license)
=== logo text ===
https://web.archive.org/web/20110820103746/http://img.skitch.com/20090715-c3xmikadkj8udt4sq6aqfkqtac.png
 
* The logo [https://web.archive.org/web/20151003234446/http://vault.simplebits.com/notebook/2005/06/22/microformats/ was designed by Dan Cederholm]
* High-resolution [http://vault.simplebits.com/bits/microformats/microformats-logo.eps EPS] and  [http://vault.simplebits.com/bits/microformats/microformats-logo.png transparent PNG] versions of the microformats logo text by [[User:DanCederholm|Dan Cederholm]].
* the microformats typeface is [https://www.emigre.com/Fonts/Solex Solex Medium] by Emigre.
 
=== logo mark ===
* An [https://web.archive.org/web/20111128072549/http://remiprevost.com/images/wallpapers/microformats/mf-vector.svg SVG] and [https://web.archive.org/web/20111128072549/http://remiprevost.com/images/wallpapers/microformats/mf-vector.png PNG] (for Fireworks) version, by [[User:Remi|Rémi Prévost]]. Released under [https://creativecommons.org/licenses/by-nc-sa/3.0/ CC BY-NC-SA].
* An [https://github.com/btrem/microformats/blob/master/logos/microformats.svg SVG] version (and alternative [https://github.com/btrem/microformats/blob/master/logos/microformats-orange.svg orange colour]) by [https://btrem.com Brian Tremblay]. Released under [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 Universal (CC0 1.0) Public Domain Dedication].
** Also available (slightly modified) [https://github.com/edent/SuperTinyIcons/pull/442 as part of] the [https://github.com/edent/SuperTinyIcons Super Tiny Web Icons collection]. Released under [https://github.com/edent/SuperTinyIcons/blob/e6ea45f6441bd0111295b2713df73c1502de6ec5/LICENSE MIT License].


== POSH ==
== POSH ==
* [[posh|POSH]] logos and buttons
* [[posh|POSH]] logos and buttons


==Semacode==
== stickers ==
See [[semacode]].
See the [[stickers]] page to easily order a set of moo microformats stickers!


== T-Shirts ==
== T-Shirts ==
* [http://www.goodstorm.com/item/factorycity/microformats_shirt_we_do_it_with_class Buy microformats t-shirts at Goodstorm]
* See [http://flickr.com/photos/tags/microformatstshirt photos of microformats tshirts on Flickr] (the [http://flickr.com/photos/tags/microformatstshirt/clusters/ clusters] are especially fun)
* See [http://flickr.com/photos/tags/microformatstshirt photos of microformats tshirts on Flickr] (the [http://flickr.com/photos/tags/microformatstshirt/clusters/ clusters] are especially fun)
** Note also [http://pixelsebi.com/2006-10-26/microformats-t-shirt-in-second-life/ microformats t-shirt in Second Life]
** Note also [http://pixelsebi.com/2006-10-26/microformats-t-shirt-in-second-life/ microformats t-shirt in Second Life]
=== do it yourself tshirts ===
[[User:TheJbf|Burcu Dogan]] has made her own microformats t-shirt:


== Video ==
http://web.archive.org/web/20120528054541if_/http://i44.tinypic.com/2s01i1j.jpg
* See [http://www.youtube.com/results?search_query=microformats videos of microformats on YouTube], in particular, a [http://www.youtube.com/watch?v=UAV4SGpPuQI video of a microformats tshirt] ([http://www.flickr.com/photos/fumi/372068162/ photo]).
 
For those who are not able to find a microformats t-shirt, it is possible to make one at home less than an hour. The requirements for such a pressing process are listed below:
* A high quality microformats logo (which can be found below the '''Logo headline''' on this page)
* A black t-shirt
* An iron-on transfer paper for '''dark t-shirts''' (note that printers doesn't print white, so there're special papers to print white on dark)
* An iron an a hard surface. (Ironing press with a large surface is highly recommended.)
* A laser printer
* Sharp and sensitive scissors
* Non-metalic heat resisting papers
 
('''Warning:''' Take the instructions on the transfer paper you bought as the first reference, we're not responsible for unsuccessful attempts. Tips about pressing can change from paper to paper.)
 
Firstly, you need to print the logo on the transfer paper. Transfer papers for dark t-shirts are sticky backed white papers which vary in size. You need to decide which size you want to press on your t-shirt. A4 and A3 are suitable for microformats t-shirts.
 
Print the logo with a black background. The result of the paper printed should look like this:
 
http://web.archive.org/web/20120528052329if_/http://i40.tinypic.com/2ylqqmb.jpg
 
(You can, of course decrease, the amount of background area to save ink)
 
Now it is time to separate logo from the background. Carefully clip the edges and get the logo all alone. White borders should stay with the green layers, don't make a mistake by clipping them out.
 
Prepare the iron press, you will need the highest temperature with no stream to transfer successfully. Give your press at least 10 minutes to heat fully. While the iron is heating, decide which position your logo should appear. Use a ruler to check if the logo is positioned symmetrically.
 
http://web.archive.org/web/20120528061614if_/http://i41.tinypic.com/2v334pc.png
 
If your iron press is heated, gently peel the tiny paper on the back of the transfer paper to make it sticky. Place it on the t-shirt and put 1 or 2 non-metalic heat resisting paper of any kind on the logo. Be sure that transfer paper doesn't overlap.
 
http://web.archive.org/web/20120601000105if_/http://i40.tinypic.com/kcl7gk.png
 
Press the iron for 10-15 seconds. This actually depends on the paper you are using, so it is best to follow the instructions on the iron-on transfer paper you purchased. If necessary repress the iron on the whole surface for 5-10 seconds again.
 
And, you made a new microformats t-shirt! Don't forget to take a picture and share.
 
Note that you should hand wash your t-shirt and iron it from back carefully. Don't forget that it is also possible to use another fabrics such as bags to print microformats logos. We're waiting for your creations.


== External online community resources ==
== External online community resources ==
=== Video ===
* See [http://www.youtube.com/results?search_query=microformats videos of microformats on YouTube] or [http://vimeo.com/groups/microformats Vimeo], in particular, a [http://www.youtube.com/watch?v=UAV4SGpPuQI video of a microformats tshirt] ([http://www.flickr.com/photos/fumi/372068162/ photo]).
===Social networking===
Groups for fans and advocates of microformats to join or follow:<!--listed alphabetically-->
* [http://www.facebook.com/microformats Facebook microformats fan page]
* [http://www.facebook.com/group.php?gid=2374732285 Facebook microformats group]
* [http://flickr.com/groups/microformats/ Flickr microformats group]
* [http://getsatisfaction.com/microformats microformats on Satisfaction]
* [http://twitter.com/microformats microformats on Twitter].
=== wiki-communities ===
=== wiki-communities ===
* [http://en.wikipedia.org/wiki/Wikipedia:WikiProject_Microformats Wikipedia: Project Microformats]
**[http://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EC%9C%84%ED%82%A4%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8_%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%ED%8F%AC%EB%A7%B7 -" - in Korean]
**[http://zh.wikipedia.org/wiki/Wikipedia:%E5%B0%88%E9%A1%8C/%E5%BE%AE%E6%A0%BC%E5%BC%8F -" - in Chinese]
* [http://www.usemod.com/cgi-bin/mb.pl?MicroFormats meatball:microformats] -- a first page (stub to be reviewed) dedicated to have any review/opinion from the meatballers especially on the wiki-formats.
* [http://www.usemod.com/cgi-bin/mb.pl?MicroFormats meatball:microformats] -- a first page (stub to be reviewed) dedicated to have any review/opinion from the meatballers especially on the wiki-formats.
* [http://communitywiki.org/fr/MicroFormats communitywiki:microformats] -- an old multilingual page with a blockcodemachine proposal.
* [http://communitywiki.org/fr/MicroFormats communitywiki:microformats] -- an old multilingual page with a blockcodemachine proposal.
Line 41: Line 100:
* [[presentations]]
* [[presentations]]
* [[press]]
* [[press]]
* [[2d_barcodes]]

Latest revision as of 00:08, 21 January 2021


Inspired by Spread Firefox, this page is for sharing community resources for marketing microformats such as buttons, banners, wallpaper / desktop screens, logo graphics, stickers, t-shirts etc.

Email

  • See advocacy-email-samples for some sample emails you can copy/customize and send to site owners to encourage them adopt microformats.

Wallpaper

Wallpaper and desktop screens.

microformats-logo.png

logo text

20090715-c3xmikadkj8udt4sq6aqfkqtac.png

logo mark

POSH

  • POSH logos and buttons

stickers

See the stickers page to easily order a set of moo microformats stickers!

T-Shirts

do it yourself tshirts

Burcu Dogan has made her own microformats t-shirt:

2s01i1j.jpg

For those who are not able to find a microformats t-shirt, it is possible to make one at home less than an hour. The requirements for such a pressing process are listed below:

  • A high quality microformats logo (which can be found below the Logo headline on this page)
  • A black t-shirt
  • An iron-on transfer paper for dark t-shirts (note that printers doesn't print white, so there're special papers to print white on dark)
  • An iron an a hard surface. (Ironing press with a large surface is highly recommended.)
  • A laser printer
  • Sharp and sensitive scissors
  • Non-metalic heat resisting papers

(Warning: Take the instructions on the transfer paper you bought as the first reference, we're not responsible for unsuccessful attempts. Tips about pressing can change from paper to paper.)

Firstly, you need to print the logo on the transfer paper. Transfer papers for dark t-shirts are sticky backed white papers which vary in size. You need to decide which size you want to press on your t-shirt. A4 and A3 are suitable for microformats t-shirts.

Print the logo with a black background. The result of the paper printed should look like this:

2ylqqmb.jpg

(You can, of course decrease, the amount of background area to save ink)

Now it is time to separate logo from the background. Carefully clip the edges and get the logo all alone. White borders should stay with the green layers, don't make a mistake by clipping them out.

Prepare the iron press, you will need the highest temperature with no stream to transfer successfully. Give your press at least 10 minutes to heat fully. While the iron is heating, decide which position your logo should appear. Use a ruler to check if the logo is positioned symmetrically.

2v334pc.png

If your iron press is heated, gently peel the tiny paper on the back of the transfer paper to make it sticky. Place it on the t-shirt and put 1 or 2 non-metalic heat resisting paper of any kind on the logo. Be sure that transfer paper doesn't overlap.

kcl7gk.png

Press the iron for 10-15 seconds. This actually depends on the paper you are using, so it is best to follow the instructions on the iron-on transfer paper you purchased. If necessary repress the iron on the whole surface for 5-10 seconds again.

And, you made a new microformats t-shirt! Don't forget to take a picture and share.

Note that you should hand wash your t-shirt and iron it from back carefully. Don't forget that it is also possible to use another fabrics such as bags to print microformats logos. We're waiting for your creations.

External online community resources

Video

Social networking

Groups for fans and advocates of microformats to join or follow:

wiki-communities

See Also