In: , ,
On: 2013 / 06 / 04 Viewed: times
Shorter URL for this post:

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.


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, 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:



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


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.

3 Blablas

  1. 1
    slaFFik Ukraine »
    wrote, on 27/Jan/15 at 9:52 am # :

    Your is not working any more :(

  2. 2
    Ozh France »
    thought, on 01/Feb/15 at 10:52 am # :

    slaFFik ยป indeed, I didn't renew the domain :) Still available at !

  3. 3
    slaFFik Ukraine »
    said, on 01/Feb/15 at 11:15 am # :

    Zazzle API returns error though.

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 !