Benched 3.0 has launched!
This has been a long time coming. I launched the first variation of Benched back in 2017, then updated it almost a year later with a lackluster version "2.0". It is now 2021 and I figured it was time to revisit this old side project of mine.
New Coat of Paint
I trimmed off all the fat, and by that I mean reduced the project down to one portfolio template design. It uses some pretty nifty
scroll-snap CSS goodness and has a huge focus on performance.
I figured those who were interested in more heavy customization of the template have the freedom to do so (or can hire me to help them do so).
"Is it Profitable?"
My plan was to eventually stop renewing the domain and possibly let the whole project die. "It isn't making money" was all I could think of, "What's the point of putting effort into it?". I'm proud that I fought back against that impulse. Benched 3.0 is a more streamlined and focused approach than the earlier iterations.
At the very least I'm pleased with it. If others get something out of it - fantastic!
Now that being said, I would be more than grateful if you opted to purchase the template (the suggested price is just $5 on Gumroad) to help support my work on Benched - but by no means should you feel the need to do so. No guilt tripping here - seriously!
Free But Not Open Source?
I know - I advocate open source and then keep Benched behind closed doors?!
My plan is to eventually structure this project in a smarter way for the open source community. I'll keep you posted!
For any questions or comments, please reach out on Twitter
For bug reports, special requests or issues shoot me an email.
Setup Free Hosting
If this is your first time setting up any form of web hosting, take a look at the "Beginner" setup process. If you are familiar with hosting services, take a look at the "Advanced" section.
- Go to: Netlify Drop
- Drag & drop your
benchedfolder into the site
- Have a cold drink and relax - you're done!
Netlify Drop will setup a generated subdomain for your portfolio. Sign up (free) with Netlify in order to make this subdomain persistent (you can also follow these instructions to setup a custom domain)
- Go to: DigitalOcean (get $100 credit with this link)
- Create a new account and navigate to the App Platform
- Follow the steps to hook-up your project repo with DigitalOcean
- You now have a portfolio that will rebuild when changes are made to your repo!
This step-by-step guide will help you setup your Benched website. Do not be scared away by some of the jargon at first glance - it is actually very simple!1
- Login to your Dribbble account & go to Settings > Applications
- Select register a new application (give it any name)
- Set the website url to:
- Set the callback url to:
- Save the application
- Go to:
CLIENT_IDwith the one from your Dribbble application)
- Authorize your application
- You will be redirected to:
- Copy the code & save it for later
Generating Your Token
- Go to: apitester.com
- Select the
POSTaction from the dropdown
- Enter the url:
- Swap out the
CLIENT_SECRETwith your Dribbble application codes
- Swap out the
COPIED_CODEwith the code you saved earlier
Testto receive your access token
- Copy the access token from the
Adding Your Token
- Open the included
scripts.jsfile from the downloaded files
- Add your access token to:
var accessToken(line 5)
- While you are editing the
scripts.jsfile, be sure to the
- You are done!
More Advanced Options
You can thank Dribbble for updating their API to require all this nonsense (I know - authentication and security blah, blah blah) ↩
Both Netlify and DigitalOcean support the use of custom domains. Depending on the hosting provider you've chosen, find the proper instructions below:
Benched is a streamlined, single page portfolio template that automatically pulls-in your latest shots from Dribbble. (Just like it says on the homepage)
- Take a look at the live demo to see Benched in action
- Check out the full documentation to learn how to setup your own portfolio
- Have some questions or need help? Hop on over to the support page
About the Author
My name is Bradley Taunt, I'm a designer, developer and open source advocate. I made Benched to scratch my own personal itch of using Dribbble as a main portfolio.
That's really all there is to say!
Create a free portfolio from your Dribbble shots
Benched is a streamlined, single page portfolio template that automatically pulls-in your latest shots from Dribbble. Download the files, then simply follow the setup instructions.
- lightweight & fast
- minimal, responsive design
- auto-grabs 15 latest hi-res shots1
- step-by-step documentation
- free web hosting setup
- custom domain setup
Only high definition Dribbble shots are supported ("normal" resolution shots will not work) ↩