In: , ,
On: 2013 / 06 / 04 Viewed: times
Shorter URL for this post: http://ozh.in/we

I really like how Github displays your yearly code contributions, in that 52×7 green dot matrix. It's cute, informative, and has become iconic enough that any nerd knows what it refers to.

contributions

I like it so I funcoded a script that will deliver a message after 365 days of running — fun, but kinda slow, right?

So, I made something more interactive and instantly fun, something you can play with: I'm delighted to introduce contribution.io, a site to "Generate Github-like contribution graph" and print them on a t-shirt (or just save them as a PNG for whatever use you'll like)

It's neat with short messages that fit the grid, works best with capital letters but hey, experiment:

at_ozh

hello-world

I've had great fun coding that site, especially the server side PHP script that generates the matrix from the letter input. It was also my first experiment using Bootstrap and I must say it's pretty neat for the design-impaired people like myself.

The t-shirt printing is powered by Zazzle: their API is decently documented and I've bought a couple of shirts from them in the past and have been pleased by the quality. I ordered myself a tshirt with "@ozh", can't wait to show it off at work :>

Go ahead, play with contribution.io and make some cool contrib graph. You'll be the coolest looking nerd on the beach this summer :)

Shorter URL

Want to share or tweet this post? Please use this short URL: http://ozh.in/we

Metastuff

This entry "Generate Github-like contribution graph – for fun and for t-shirts" was posted on 04/06/2013 at 6:41 pm and is tagged with , ,
Watch this discussion : Comments RSS 2.0.

No Comment yet

No comments yet. You could get "First Post!" which would bring you fame, luxury cars and chicks.

Leave a Reply

Comment Guidelines or Die

  • HTML: You can use these tags: <a href=""> <em> <i> <b> <strong> <blockquote>
  • Posting code: Post raw code (no <> &lt; etc) within appropriate tags : [php][/php], [css][/css], [html][/html], [js][/js], [sql][/sql], [xml][/xml], or generic [code][code]
  • Gravatars: Curious about the little images next to each commenter's name ? Go to Gravatar.
  • Spam: Various spam plugins on patrol. I'll put pins in a Voodoo doll if you spam me.
  • I will mark as Spam test comments, all comments with SEO names (ie "My Cool Online Shop" instead of "Joe") or containing forum-like signatures.

Read more ?

 « One million !