jQuery plugin for a slick and modern portfolio (jQuery Portfolio )

Download   Demo

jQuery-Portfolio

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

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.

Installation:

• Get both /dist/portfolio.jquery.min.js and /dist/portfolio.jquery.min.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: 3 // Number of columns you want your thumbnails to take. Default is 3
 transition: 'slideDown' // What jQuery transition effect you want. Default is slideDown
);

For more options, just request in the issue tracker.

Developers:

• 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.

jQuery plugin for a slick and modern portfolio (jQuery Portfolio )