Fixing Dribbble’s ‘Add to Bucket’ Modal Window

Fixing Dribbble’s ‘Add to Bucket’ Modal Window

This post will take less than a minute to read.

I love browsing Dribbble for inspiration. I’m also a big fan of being able to place shots into buckets so that I can have collections of related inspiration. However, I’m not a fan of how small the bucket modal window currently is.

Luckily, there is a fairly simple solution. Using a plugin for Chrome or Firefox called Stylish, we can change the way websites appear. Once you have the plugin installed, you can create your own styles, or browse through thousands of existing styles.

Pretty simple right? Here is my style for increasing the size of Dribbble’s ‘add to bucket’ modal window. Here is a before shot and here is an after shot.

To top it off, I moved the done button to the right of the modal; it seems very strange on the left.

Got any styles that improve your daily browsing? Let me know in the comments.

Tweet this

6 Comments

  1. graup

    Wow. THANK YOU for the idea of removing the titles of bookmarks to only have the icons in the bar… Sweet!

  2. Joshua Hibbert

    I didn’t realise I had left that in until after I had uploaded the image; usually I would crop that out. Lucky I didn’t!

  3. Zhang Hong

    awesome trick, i regroup my bookmark after i see your screenshot.

  4. Mandy McClausky

    Thanks for doing a write-up on this Joshua! I’ve gotten really in-depth with my buckets and the current layout makes it really difficult to browse them efficiently. I’ve also got a bunch of ideas/fixes for Dribbble’s design outside of that so I’m glad Stylish exists.

  5. Joshua Hibbert

    No worries, Mandy! I use Stylish for quite a few of my more regularly visited sites. Being able to tweak each of them to suit my wants and needs is fantastic.