spread-microformats: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (fix)
(→‎T-Shirts: +motto ideas)
 
(24 intermediate revisions by 10 users not shown)
Line 1: Line 1:
<h1>Spread Microformats</h1>
{{DISPLAYTITLE:Spread Microformats}}
{{TOC-right}}
 
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


=== logo text ===
=== logo text ===
[http://microformats.org/img/logo.gif http://microformats.org/img/logo.gif]
https://web.archive.org/web/20110820103746/http://img.skitch.com/20090715-c3xmikadkj8udt4sq6aqfkqtac.png


* High-resolution [http://simplebits.com/bits/microformats/microformats-logo.eps EPS] and  [http://simplebits.com/bits/microformats/microformats-logo.png transparent PNG] versions of the microformats logo text by [[User:DanCederholm|Dan Cederholm]].
* 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 ===
=== logo mark ===
* 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)
* 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
== stickers ==
See the [[stickers]] page to easily order a set of moo microformats stickers!


== T-Shirts ==
== 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)
* 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]
=== motto ideas ===
"microformats.org: keeping it classy since 2005"
=== do it yourself tshirts ===
=== do it yourself tshirts ===
[[User:TheJbf|Jane B. Foster]] has made her own microformats t-shirt:
[[User:TheJbf|Burcu Dogan]] has made her own microformats t-shirt:


[http://www.flickr.com/photos/janebfoster/2449460410/ http://farm4.static.flickr.com/3139/2449460410_656f27f305_m.jpg]
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:
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:
Line 46: Line 58:
Print the logo with a black background. The result of the paper printed should look like this:  
Print the logo with a black background. The result of the paper printed should look like this:  


[http://imjbf.com/im/do-it-yourself-tshirt1.jpg http://imjbf.com/im/do-it-yourself-tshirt1.jpg]
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)
(You can, of course decrease, the amount of background area to save ink)
Line 54: Line 66:
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.
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://imjbf.com/im/do-it-yourself-tshirt2.png http://imjbf.com/im/do-it-yourself-tshirt2.png]
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.
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://imjbf.com/im/do-it-yourself-tshirt3.png http://imjbf.com/im/do-it-yourself-tshirt3.png]
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.  
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.  
Line 69: Line 81:


=== Video ===
=== Video ===
* 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]).
* 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===
===Social networking===
Groups for fans and advocates of microformats to join or follow:<!--listed alphabetically-->
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://www.facebook.com/group.php?gid=2374732285 Facebook microformats group]
* [http://flickr.com/groups/microformats/ Flickr microformats group]
* [http://flickr.com/groups/microformats/ Flickr microformats group]
Line 88: Line 101:
* [[advocacy]]
* [[advocacy]]
* [[buttons]]
* [[buttons]]
* [[notable-users|notable users]].
* [[podcasts]]
* [[podcasts]]
* [[presentations]]
* [[presentations]]
* [[press]]
* [[press]]
* <span id="Semacode">[[semacode]]</span>
* [[2d_barcodes]]

Latest revision as of 23:12, 29 November 2024


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

motto ideas

"microformats.org: keeping it classy since 2005"

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