Skip to content
{ 2006 09 06 }

pimp my HTML

The multi-pack (is that like a 6 pack but with more beer?), “a community of multi-talented individuals from across the Midlands UK, that come together to discuss all the things web and share their knowledge, skills and talents”, have just announced an interesting “zen garden”esque competition to take some vanilla HTML and “pimp it up” (no doubt in allusion to the TV show “pimp my ride”), “Pimp my HTML”

You can use CSS, Javascript (up tp 20K worth), and up to 5 images.

Friends of Ed, publishers of fine web design books by the likes of Dan Cereholm, Jeremy Keith, and Andy Budd, have come to the party with some fine books as prizes.

And the microformats angle? Well, their HTML includes quite extensive use of hCard hCalendar.

Closing date is 28th October 2006

So get pimping

[tags]microformats, competition, CSS, Javascript[/tags]

Posted by john on Wednesday, September 6, 2006, at 7:45 pm, and filed under microformats. Follow any responses to this post with its comments RSS feed. You can post a comment or trackback from your blog.

{ 9 } Comments

  1. Dmitry Baranovskiy | September 6, 2006 at 11:28 pm | Permalink

    Sounds interesting, but take a look at the competition’s page HTML. They use address tag incorrectly. :) Catched them!
    Also they use not only hCard and hCalendar, but also a hAtom (John, this is second time you ignored hAtom. :)) and closing date is 8th October, not 28th.
    Will try to pimp… :)

  2. trovster | September 7, 2006 at 4:24 am | Permalink

    Use the address tag incorrectly… I have used it on an address. Limiting it to the author of the document, and using it around email addresses, I think it’s wrong (as you’d link the email address with an anchor, and there is no point nesting superfluous elements like that).

    The page also has rel-license, rel-home and a slightly incorrect use of hreview. Although they’re not exactly reviews of the books we’re giving away, they have an author, description, image, so I added in the classnames anyway. Nice spot of the hAtom, which is mixed in with the hCalendar, and seems to work alright too :)

  3. john | September 7, 2006 at 6:17 pm | Permalink

    trovster,

    I sympathise, but I think Dimitry might be right.

    
<dd class="location adr">
	<address>
		<span class="venue">Lloyds No. 1</span>
		<span class="extended-address">Regency Wharf</span>
		<span class="street-address">Broad Street</span>
		<span class="locality">Birmingham</span>
		<span class="postal-code">B1 2D</span>
	</address>
</dd>

    Here, this is not contact information for a document or a major part of a document, as required by the HTML spec. I reckon it’s stupid, too, but there it is.

    Thannks for pointing out all the other microformatty goodness in the HTML, very nice. Well done

    j

  4. trovster | September 8, 2006 at 4:44 am | Permalink

    Alright John,

    Yeh, like I mentioned, I don’t think limiting the ADDRESS element to the author of the page is a good idea, and thus I use it to markup phyiscal addresses… Not exactly to spec, but having an element for such a limited purpose is a little defeative. I think.

  5. john | September 8, 2006 at 4:49 am | Permalink

    Trovster,

    yes, it would be great if address applied to any address, but sadly the spec is the spec, and we do have to follow those - otherwise we end up with chaos. The semantics of HTML are limited, to the pooint of being impoverished.

    Hence the importance of microformats - to meaningingfully add meaning to our markup that HTML does not provide

    j

  6. trovster | September 8, 2006 at 6:09 am | Permalink

    I follow the spec is almost all ways, but somethings can be BENT… oh, and by the way, it’s the ‘Multipack’ Cheers :)

  7. john | September 8, 2006 at 6:15 am | Permalink

    Trovster, sorry about the mutipack mistake - now is that like a 6 pack? :-)

  8. trovster | September 8, 2006 at 6:24 pm | Permalink

    Well, the logo was supposed to incorporate the plastic ring binder which you find around 4-6 canned packs of beer (alternatively around sea-side birds necks!).

  9. Dmitry Baranovskiy | October 4, 2006 at 2:32 am | Permalink

    Finally I finished it, but it seems that guys don’t obey their own rules. They closed commenting! Here is a link to my version anyway: http://dmitry.baranovskiy.com/multipack.co.uk/

{ 1 } Trackback

  1. PimpMyHTML at FactoryCity | September 8, 2006 at 1:03 pm | Permalink

    […] The Multipack are throwing a Zen Garden-esque contest called PimpMyHTML. They really should have called it PimpMyMicroformats given that they’re using the follow microformats: […]

Post a Comment

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