Social Media Tools

Living Your Design Life with Dribbble: Tools and Apps

4.67/5 (3)

We are all great fans of Dribbble cause there is a dazzling variety of all possible design things. Apart from some other social medias like Pinterest or Instagram - Dribbble is best for (web)design oriented community. Some people call it a 'Twitter for Designers' for sure Dribbble is the right place where you can showcase your works and get an insight from like-minded people.

The only bad thing about this network is that some designs featured there lacks context. Essentially Dribbble generally reduces the design to the prettiness factor without letting users understand what solution this very design is trying to answer. Some pieces of designing may look great, but when looked they could possibly fail with interaction or consumption.


You definitely know that every social network has a bunch of apps with different usability levels (the perception of usability of their creators vary, as a rule). The same goes with Dribble there tons of various Dribbble tools and apps aimed to make browsing through more enjoyable. And in this round-up we'd like to share with you some of these apps and tools. So let's start.

***

Since everyone is so much in love with mobile apps, let's have a look at some iOS and Android applications.

 

Android

 
Asssist

Dribbble tools and apps

Asssist is a free Android app for Dribbble. It uses relatively young, but fast moving dribbble.com API to interact with the service. Features include the ability to browse common “shot lists” as well as view users’ shots and share shot links with friends.

***

Driibo

Dribbble tools and apps

This is one more Android client for Dribbble. It lets you browse all categories of Dribbble, popular, everyone and debuts.

 

iOS

 
Dribbbits for iPad

Dribbbits for iPad is a perfect way to experience Dribbble. What's even more Dribbbits is fully functional offline.

Dribbble tools and apps

***

Dribbblr

Dribbblr is a simple to use and beautifully designed Dribbble client for your iPad. Browse the latest work of famous designers worldwide and never miss a shot again. You don't need to have an Dribbble account to use Dribbblr but if you provide a username, the App will show you latest shots by designers you follow.

Dribbble tools and apps

 

Web Apps

 
If you're not feeling comfortable browsing Dribbble shots from your portable device, have a look at these nice 'Dribble browsers'.

Midnightcheese browser

Dribbble tools and apps

Bbbrowser displays the newest shots from everyone on Dribbble. Every 24 seconds new shots fade in as older shots are subbed out.

***

fullcourtshots

Dribbble tools and apps

One more example of a cool browser of Dribbble shops. Scroll to the bottom and shots will be loaded automatically.

 

WordPress Plugins

 

If you're running a WordPress blog where you'd like to feature some shots from Dribbble have a look at following plugins.

SlideWizard

Dribbble tools and apps

Easily create a slider on your website. You can add various source for the slider, such as Instagram, Flickr, Dribbble, Twitter timeline, RSS Feed and your WordPress posts.

***

WP Dribbble Shots

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php $shots = get_the_shots();
 
foreach ($shots as $shot):
	$date = date( 'M d, Y', strtotime( $shot->created_at ) ); 
?>
<div class="wp-dribbble-shot">
	<h4><a href="<?php echo $shot->url; ?>" target="_blank"><?php echo $shot->title; ?></a></h4>
	<p class="wp-dribbble-date"><?php echo $date; ?></p>
	<a class="wp-dribbble-image-link" href="<?php echo $shot->image_url; ?>" title="<?php echo $shot->title; ?>">
		<img src="<?php echo $shot->image_url; ?>" alt="<?php echo $shot->title; ?>"/>
	</a>
	<ul class="wp-dribbble-toolbar">
		<li class="views"><span><?php echo $shot->views_count; ?></span></li>
		<li class="comments"><a target="_blank" href="<?php echo esc_url($shot->url.'#comments'); ?>" title="View comments on this screenshot"><span><?php echo $shot->comments_count; ?></span></a></li>
		<li class="likes"><a target="_blank" href="<?php echo esc_url($shot->url.'/fans'); ?>" title="See fans of this screenshot"><span><?php echo $shot->likes_count; ?></span></a></li>
	</ul>
</div>
<?php endforeach; ?>

You can use the WP Dribble Shot Widget that is bundled into this plugin and uses jQuery Cycle to cycle the latest shots. This, as well as the example.php, just display a basic usage of the functionality of the plugin and is included to help you get started integrating into your theme.

 

Stuff For Devs

 
Jribbble

1
(function(e){"use strict";e.jribbble={};var t=function(t,s){e.ajax({type:"GET",url:"http://api.dribbble.com"+t,data:s[1]||{},dataType:"jsonp",success:function(e){e===undefined?s[0]({error:!0}):s[0](e)}})},s={getShotById:"/shots/$/",getReboundsOfShot:"/shots/$/rebounds/",getShotsByList:"/shots/$/",getShotsByPlayerId:"/players/$/shots/",getShotsThatPlayerFollows:"/players/$/shots/following/",getPlayerById:"/players/$/",getPlayerFollowers:"/players/$/followers/",getPlayerFollowing:"/players/$/following/",getPlayerDraftees:"/players/$/draftees/",getCommentsOfShot:"/shots/$/comments/",getShotsThatPlayerLikes:"/players/$/shots/likes/"},o=function(e){return function(){var s=[].slice.call(arguments),o=e.replace("$",s.shift());t(o,s)}};for(var r in s)e.jribbble[r]=o(s[r])})(jQuery,window,document);

A jQuery plugin for fetching shots from the Dribbble API.

Jribbble can:

  • Get a shot
  • Get comments
  • Get rebbbounds
  • Get list of shots
  • Get list of a player's
  • Get profile details
  • Get draftees of a player

 

Stuff From GitHub

 
dribbble-php - the Dribbble PHP API Wrapper is exactly what it says on the tin: it’s a simple wrapper for the Dribbble API for use in your PHP projects.

dribbble - a simple Dribbble application to browse popular shots.

swish - a Ruby wrapper for the Dribbble API

dribbble - a simple Python wrapper for the Dribbble API.

dribbble - grab Dribbble feed with jQuery and Handlebars.

dribbble - a simple pure javascript library created to help develop applications using Dribbble API.

***

Apps, tools listed in this blog post were just a part of that extreme variety. The item featured above were hand-picked and are most popular and usable examples of apps and tools.

***

SPEAK UP! That's it guys, if you know some other Dribbble tools and apps you're welcome to share them in the comments below. All the best!

Leave a Reply

Your email address will not be published. Required fields are marked *