W3C compliant Twitter feeds

[frontpagerankings]

It took a little bit of ingenuity, but if any of you are interested, Twitter feeds can be made W3C compliant with a little re-working of the code they give you and a bit of graphic work.

See here for an example:

http://www.glenngarnes.com/about-glenn.html

Here was the original code (html)

<div id="twitter_div">
<h2 class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/{twitterid}" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{twitterid}.json?callback=twitterCallback2&amp;count=5"></script>

This produced a plain html feed that was not only unattractive, but did not pass W3C.

In order for it to appear as it does on the example site you need to recreate the image and place it in the CSS as a background image in the division that holds the feed, then insert <li></li> between <ul id="twitter_update_list"></ul> in order for the nest to pass W3C.

Voila! W3C compliant Twitter feed!

We need a forum to post things like this... how about it admin? I'd like to see a specific place that developers like myself can post cool stuff that passes W3C, I think it would be a benefit for all involved.

Thanks for reading.

Tim

[admin]

Hi! Tim,
hope you like the new section - we have been playing with the idea for some time, but always felt the major answers are always in w3c.org.

[frontpagerankings]

I love it!

Hopefully we'll get some traffic on here!

thanks for listening.

Tim