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