JavaScript Badges

Due to some nudging from Tom I’ve added a first draft of the hexday.com Javascript badges.

When you login and view your profile you can see the code to copy and paste under your current color profile.

It’ll look a bit like:

<script type="text/javascript" src="http://hexday.com/badge/JP"></script>

Just copy and paste this anywhere into your blog, myspace, facebook, etc, etc and you’ll get a very simple set of your last 5 hexday picks as swatches and a link back to your profile.

This is ontop of the existing, yet never documented user specific CSS file that people (like Tom) had to rely on to generate their current hexday picks.

I’ve added the JS version as I noticed that the CSS only version lacked the ability to link back to hex colors on hexday automatically.

The JS file, writes a style sheet include, which is very specifically namespaced, yet you can easily overwrite anything in there. I just added some basic OOTB styling (which you can see above) so that it doesn’t look broken in case people don’t want to have to tweak it.

Much more to come very soon. There’s a bunch of interesting ideas being floated around, once we’ve tested some out I’ll post some updates.

This post first appeared on my personal blog.