I know what you’re saying, “Hey Matt, I made this awesome list on Twitter but it’s all locked up on Twitter.com and I want to set it free on my own site.” I know that’s exactly what you’re saying, I know these things. I was thinking the same thing when I was building our social page.
Well, you can use the offical Twitter widgets but they have a limited amount of configurable styling options and as web designer/developer you know this is way too easy and therefore must be done custom. ;) You may like the official widgets and that’s great but if you want more control over the presentation of the tweets then you may want to check out jQuery.
After tinkering around a bit I found out it’s actually pretty easy to do with a function called getJSON(). Imagine that, jQuery had something already built for such an instance. How thoughtful of them. Equally as thoughtful is the fact that Twitter allows for JSONP calls. JSONP is JSON you can call across domains by adding a callback parameter. Browsers block cross-domain AJAX calls by default but the added callback works around it and is perfectly legit.
So how do you do this incredible jQuery tweetaculous pulling magic? Just use the code below and replace “redpepper” with your Twitter username and “redpepperites” with the slug of your list. That’s it! As long as the fail whale isn’t being towed out of the water by small birds at the moment you should be fine. You may want to add error handling for those instances too btw.