This isn't strictly necessary but I like to include it in projects just to be sure.
Lastly, we should download the latest version of Modernizr so, if needed, we can target certain browser features and so wealsohave the HTML5 shim for older browsers. It's worth noting here that in order to get anything from Instagram you need to provide the plugin with a client ID which can be generated by signing up to Instagram and filling out the form in the developer section. Nearly there! We now need to grab a copy of Instafeed.js which will handle all of the work grabbing photos from Instagram.
Go ahead and download the latest version. We specifically want to download the Sass versionso we can include it in our own stylesheet and make use of the available variables. We are going to use Bootstrap on a very basic level, to handle some of the responsive elements of the page.
They all provide near enough the same functionality so the choice is yours! There are alternatives such as Scout, Prepros and Compass app. I am currently using Koala which is cross platform and free so it's a very good option to get up and running quickly. The easiest way to do that is by using one of the excellent apps available to do all of the watching and compiling. They are:įirst of all, you will need to get Sass up and running on your machine. There are a few things we need to prepare before starting our build. To make our lives easier we are going to rely on a few tools and libraries so let's begin by taking a look at them. Tomas has done a great job keeping the design simple, spacious and functional so I think it's only fair we do the same when building it. In this tutorial I am going to run through the process of creating the simple Instagram-based portfolio as designed in aprevious tutorial by Tomas Laurinavicius.