Dribbble
Grab Dribbble feed with jQuery and Handlebars.
##Usage
- Paste right before your page's closing
</body>tag
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.1/handlebars.min.js"></script> <script type="text/javascript" src="src/dribbble.js"></script>- From within a script tag or a JS file
Dribbble.init({ template: $('#shots-template').html(), // The ID of your template container: $('#container'), // domNode to attach to username: 'rogie', // Dribbble username count: 32 // Number of shots to display. Maximum 50 });##Customize Template
- To customize the template open the index.html file and look for the following block of code:
<script id="shots-template" type="text/x-handlebars-template"> {{#each this}} <div class="shots"> <a title="{{title}}" href="{{link}}" target="_blank"><img alt="{{title}}" src="{{image}}" /></a> <h3><a title="{{title}}" href="{{link}}" target="_blank">{{title}}</a></h3> </div> {{/each}} </script>Change the HTML as it deems necessary.
##License
