JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<div id="dribbble"></div>

CSS

#dribbble { 
    margin: 0 15px 0 0; 
    padding: 2%;
}
#dribbble img {
    margin: 0 8px 8px 0 ;
    padding: 3px ;
    background: #fff ;
    width:120px;
    border: 1px solid #eee ;
    box-shadow: 0 1px 5px #888 ; 
}

.

JavaScript

$.getJSON("http://api.dribbble.com/players/STUDIOJQ/shots?callback=?", function(data) {
           $.each(data.shots, function(index, shot) {
               $("#dribbble").append("<a href='" + shot.url + "' target='_blank'><img src='" + shot.image_teaser_url + "' /></a>");
           });
       });