More Microformats Highlighting is a post on The Hickensian

As well as some tweaks and improvements to my first attempt, I’ve added highlighting of XFN attributes to the list. I’m too lazy to do the XFN thing, but others seem to like it. Maybe one day.

It works by revealing the relationships when hovering over the name, like this (again, taken from adactio)

Animation of XFN highlighting

There is a caveat. This is only CSS, and apart from having the potential to mess up some site layouts, can only work when the author has added a class of “n” or “fn” to the link (as used in hCard). Otherwise, it would go about showing all sorts of rel attributes that wouldn’t be quite so interesting (such as ‘alternate’).

After trying out all sorts of complicated styling, I’ve decided to keep this all as simple as I can bear, so as not to mess things up too much. Do leave feedback if there is anything you want adding! In particular, I’m looking for feedback on whether to use ‘vCard’, ‘Contact’, just an address book icon, or just a microformats icon. What would be the most useful and understandable?

The Hickensian is the journal of Jon Hicks, one half of the creative partnership Hicksdesign. See the work we do.

AD by FUSION

Jobs

Hicksdesign doesn't have any vacancies, but these fine folk do:

    Via Authentic Jobs Come in, we're hiring!

    playlist

    See more on last.fm

    My Zoo

    I use Zootool to collect the things I like on the web…

    Contact

    Hicksdesign

    73a High Street

    Witney

    Oxfordshire, UK

    OX28 6JA

    +44 (0)7917 391 536

    Download vCard

    Happy Cog Hosting

    Hicksmade. Unique handmade products made for machines, not by them