Create A Twitter Timeline Using jQuery And CSS

Have you ever wondered what or how it would look like if you merge Twitter’s UI with that of Facebook’s Timeline? Well, wonder no more because web developer and blogger Karthikeyan K. has already done just that – merged the two to create a Twitter Timeline using jQuery and CSS.

In the script he created, he used a JavaScript library called minitwitter.js from webdevdesigner to fetch the Twitter feeds from Twitter’s database. As for the trick to get that Facebook-esque look, that’s where a little bit of CSS comes in.

Below is the jQuery code:

$(document).ready(function(){
//default loading tweets
$('.events').miniTwitter('itzurkarthi');
$(".fetch").click(function() {
 var twitter_username = $("#username").val();
 if(twitter_username != 'Enter twitter username...') {
 $('.events').empty();
 $('.events').miniTwitter(twitter_username);
 $('#tname').html(twitter_username+' timeline');

 } else {
 alert('Enter Twitter Username');
 }
});
});     

Check out his blog for the demo and the download links.

Incoming search terms for the article:

• create timeline using jquery
• twitter css file timeline
• to design a video player along with timeline using jquery
• timeline calendar css
• create a twitter timeline
• jQuery( ) miniTwitter is not a function
• progress timeline using jquery and css
• show timeline using jquery and css
• timeline calendar css tutorial
• timeline using jquery