DribbbleProfile features player's profile together with the last dribbble shot
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
.npmignore
README.md
dp-loader.js
example.html
package.json
style.scss

README.md

#Dribbble Profile

Dribbble Profile is a web module that showcases Dribbble player's profile together with his/her last shot. I made this widget as my debut shot on Dribbble to give something valuable to all Dribbble players.

Dribbble profile widget and last shot card

Usage

To use it, simply copy the following line of code and enter your Dribbble username instead of mine rork:

    <script src="//nadikun.com/code/drbbbl-profile/dp-loader.js" data-dribbble-id="rork" async></script>

Check how your profile would look like using LIVE DEMO

You can insert this code on any page of your website. Just paste the code to the place on a page where you'd like this widget to appear. Here is live example in my Jekyll blog. You can use it with Wordpress or any other platforms.

Features

  • Vanilla JavaScript (no jQuery, and nothing else to worry about!)

This widget displays your always up-to-date profile statistics:

  • Your name
  • Location
  • Profile photo (clickable, redirects to your profile page)
  • Number of your shots at dribbble
  • Overall number of Likes you received
  • Number of your followers
  • As well as your last shot (clickable, redirects to the last shot page)

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b new-feature
  3. Commit your changes: git commit -m 'Add some awesomeness'
  4. Push to the branch: git push origin new-feature
  5. Submit a pull request!

License

MIT License © Nadi Dikun