cialis online pharmacy generic xenical cheap cialis online cialis generic viagra online in canada buy cheap levitra online cialis without a perscription order viagra uk no prescription flagyl cheap generic levitra buying viagra in the uk cheap viagra approved cialis deltasone online buy viagra online without prescription non prescription cialis buy orlistat uk buy cialis in india prednisone 60 mg female viagra online buy viagra without prescription celebrex prescriptions buy cialis canada best prices viagra alternative to prednisone cheapest generic levitra levitra 5mg cheap viagra cialis on line buy xenical without prescription online accutane canadian health care prednisone no prescreption viagra online generic female viagra europe buy cialis low price cheap india viagra

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.

jQuery tutorial

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.

Related Posts

How to Create a Custom WordPress Registration Form with Flat UI

10 Great jQuery Plugins for November 2013

Halloween Free HTML5 Theme

Creating Your Own Twitter Widget