jQuery-Portfolio

This plugin helps you display and organize your portfolio pieces in a slick & responsive fashion. Easy to set up and get going.

I originally wrote this plugin when redesigning my portfolio and later decided to make it available for all!
Rebranding and updating our portfolios are no fun tasks for us devs, so I thought this plugin would facilitate the process.
Note: I wrote this plugin in under an hour so it might be a little buggy. I'll try to patch them up with new features and such when I get some free time.

Demo:

View the full demo here

Installation:

• Get both portfolio.jquery.js and portfolio.jquery.css files included in your html file
• Add $("#MyPortfolio").portfolio({ options }); to your script tags or JS file
• Append and edit (to your liking) the HTML snippet you find in /demo/index.html
• That's it! really, you just have to follow what's going on in the /demo folder ;)

Options:

$("#MyPortfolio").portfolio({
    cols: 4 // Number of columns you want your thumbnails to take. This is 3 by default
    transition: 'slideDown' // What jQuery transition effect you want. This is slideDown by default
});

For more options, just request in the issue tracker ;)

Setting up the repo:

• Clone the repo onto your desktop
• run npm install to install all dependencies
• run gulp for CSS and JS minification

You really only need to work in the demo folder then run gulp later.