Adding XHTML Friends Network tags to your site
Jut another Web 2.1 feature - XFN - XHTML Friends Network tagging. It may grow up into the some kind of Friendorati network, it may not. I like that it inserts nice tiny pictures and shows some personal relations with people you writing about. Doing that why do not do it with some standard?
First - the CSS file (I think it belongs to the Phil Haack).
Second - the linking standard: <a class="xfnRelationship" rel="guru" style="position: relative;" title="Just an example" href="http://www.lazyloading.blogspot.com" />
And last but not least - nice images:
| friends | Friends as a monolithic group |
![]() | colleague, co-worker | Colleague who you have no idea about |
| colleague-met | Colleague who you met (hurray!) |
| friend | Friend (colleague in T-shirt) |
| friend-met | Friend who you met |
| guru | Perfect way to annoy people by marking them as minor geek celebrities (© Martin Fowler) and to point out humbly that you met The guy |
| guru-met | |
| spouse | Spouse (that's right - handcuffs :) |
| sweetheart | If you use "spouse" tag, I would avoid publishing this one |
| sweetheart-met | Aggravating circumstance |
| child | Surprisingly there is no picture for a child-met tag |
![]() | parent | I guess when Friendorati will unfold, families will use these tags to find their own |
| XFN | This blog is XFN-compliant |



2 comments:
Does this help to improve your lackluster GUI design skills? :)
Definitely! CSS doesn't look that scary anymore (and those who knew it don't look that superiorly smart neither)
Post a Comment