Nimbupani Designs

Mblax

blog-mblax.png

Two years ago, I went about deliberately learning about the African continent. While prowling around for African music, I fell in love with West African music at first sight (er, note?) I haven’t found a good way to track where these artists will be performing live (Songkick comes close).

So here it is, a West African Music Events Tracker that tracks some of my favourite West African musicians on tour: Angelique Kidjo, Habib Koite, Salif Keita, Baaba Maal and more.

Technical Details

  1. I used Yahoo pipes to create a JSON feed, from their Myspace, official websites and Facebook pages, which is then rendered into the table.
  2. This site was created using the HTML 5 Boilerplate. It is a project by Paul Irish that I am contributing to, which should be released soon.
  3. If it is not obvious, the site uses all the fancy CSS3 properties: outlines, offsets, multiple columns, text-shadows, and advanced selectors. This was also the first time I used fonts from Google’s Font Directory using their WebFont Loader.
  4. I have also used @media CSS queries to adjust the look of the site for different widths, which means if your screen is less than 800px then the site will look different. You can also see it in action if you resize the browser.

I hope to soon add more events from Songkick using their API. If you have any other artists to suggest (or anything to improve upon), please do!

Meanwhile, the source files of the website (including the PSD files) are available at github.com/nimbupani/mblax Feel free to use elements of the website as you see fit!

Comments

Comments are cached. It may take up to 5 minutes for your comment to appear.
 
Guest's picture

People like you who release not only the source code, but the artwork files are awesome.

<3

 
Guest's picture

You are one of my favorite G33ks and every time you come up with something awesome :) 

 
divya's picture

I endeavour to give satisfaction” as Jeeves would say :)

Post new comment

The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.
  • Allowed HTML tags: <p> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Adds typographic refinements.

More information about formatting options