View source for spread-microformats

{{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, [[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. ===
* A [https://web.archive.org/web/20111128072549/http://remiprevost.com/images/wallpapers/microformats/ wallpaper] by [[User:Remi|Rémi Prévost]]

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

=== 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]] logos and buttons

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

== T-Shirts ==
* 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]
=== do it yourself tshirts ===
[[User:TheJbf|Burcu Dogan]] has made her own microformats t-shirt:

http://web.archive.org/web/20120528054541if_/http://i44.tinypic.com/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: 

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

=== 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 ===
* [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://communitywiki.org/fr/MicroFormats communitywiki:microformats] -- an old multilingual page with a blockcodemachine proposal.

== See Also ==
* [[advocacy]]
* [[buttons]]
* [[podcasts]]
* [[presentations]]
* [[press]]
* [[2d_barcodes]]