JSFiddle - React, Tailwind, and code Playground

by psyne

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<div id="tweets">

<div>

CSS

.tweet{
    padding-bottom: 10px;
}

JavaScript

var tweet_items = [];

$.getJSON("http://search.twitter.com/search.json?callback=?&q=bayeast",

function(data){

for (i=0; i<data.results.length; i++){

    tweet_items.push("<li class='tweet'><a target='_blank' href='https://twitter.com/BayEast/status/"+ data.results[i].id_str +"'>" +  data.results[i].text + "</a></li>");

}
    
    $('<ul/>', {
        'class' : 'tweets_items',
        html: tweet_items.join(' ')
    }).appendTo('#tweets');    
});