Goo Music

Goo Music

URL: goomusic.net

Goo Music are a vibrant, young band management company in London. They manage The Subways, a high-energy band who are currently putting together the final touches to their second album and are about to launch a world tour.

We’ve created a distinctive website for the business, in the style of a one-page fanzine that keeps itself up-to-date with feeds from the Twitter and MySpace profiles of both Goo Music and The Subways.


Photographic

Goo Music - full screen

The site design uses a layering of photographic images:

  • a pavement from Lancaster
  • an old plectrum
  • a penny
  • a guitar cable, and
  • a stapled stack of papers (actually it’s part of a manual for LSL, the scripting language used in Second Life)

We now have browsers that can handle part-transparency in images (since Internet Explorer 6 finally left the scene). So, it has become possible to sculpt this kind of photographic layering into a website, bringing the viewer into a richer visual environment. It can be more laborious to create such a design than with standard techniques, but the results can be impressive.

Semantic

Goo Music - Semantic HTML

Although we have gone for a highly visual design, we have also given full consideration to accessibility and the usage patterns of different users. For example, the design adapts well to different text sizes in the browser and it is built on a backbone of semantic HTML, for the benefit of screen readers, search engines and the best of the Semantic Web.

The site is constructed from HTML microformats (specifically, hAtom, hCard and xFolk). These are small building blocks of information that can be read by both humans and computers.

We’ve used microformats to build the site’s blog posts, contact information and links, where they allow people to interact with the information in useful ways. For some ideas about how to interact with microformats, see the Bangladesh River Journey post.

Full RSS Feeds from MySpace

To bring in content from MySpace, we had to be a bit sneaky. MySpace, for all its wisdom, doesn’t provide full RSS feeds. For example, the feed for The Subways’ blog shows just the first couple of sentences of each post.

We first tried using the Dapper service, which lets you convert HTML on any website into RSS feeds and more. However, as you’ll see from the Dapper feed we created, and its resultant RSS feed, Dapper doesn’t quite have the sophistication yet to deal with MySpace. So, we took advantage of Scott Reynen’s MySpace Feed Creator web service to create a full RSS feed, which we then convert back into HTML on the Goo Music website.

Road Crew

Full kudos to Aidann for his rough and ready design, Pete for forging the CSS styling and Kaanchan for the back-end piping of feeds. Rock on…

Tags: , , , , , , , , , , , , , ,

2 CommentsRSS Feed

  1. Congrats! Great look and feel.
    :)

    Thanks for sharing with us the ins and outs of how you built it, and the workaround to get the MySpace feeds integrated.

    Good work guys // davo

  2. Thanks Davo.

    We’ve got a few other techniques in there, too, such as the creation of repeating photographic tiles (the pavement and the cable), the relative positioning of the site description text, Goo Music Twitter box and Subways’ Twitter box (which semantics dictated should all be in different parts of the HTML), and the use of a smidgen of JavaScript to position the cable plug on either the left or right side of the page (see how it changes sides as you increase and decrease text size)…

3 Trackbacks

  1. By Recent URLs tagged Xfolk - Urlrecorder on September 18, 2008 at 3:46 pm

    [...] Recent public urls tagged “xfolk” → Goo Music [...]

  2. By Recent Links Tagged With "xfolk" - JabberTags on March 1, 2009 at 6:19 am

    [...] liberrydork on Wed 25-2-2009 SOCIAL NETWORKING LIST SERIES #1 Saved by XTIRP8 on Tue 24-2-2009 Goo Music Saved by qva5 on Wed 18-2-2009 The Community Engine Blog: xFolk: An xhtml microformat for… [...]

  3. By goo - StartTags.com on January 25, 2010 at 9:01 pm

    [...] in Buffalo, New York by guitarist/vocalist John Rzeznik and bassist/vocalist Robby Takac. They…Goo Music : DharmaflyURL: goomusic.net Goo Music are a vibrant, young band management company in London. They manage The [...]

Post a Comment

Your email is never published or shared. Required fields are marked *

*
*

Or post a trackback.