Blog

latest

A Living Styleguide made with Jekyll

Jump Straight to the Tool http://LivingStyleguide.cc There are a lot of really great styleguide methods, tools and examples out there… I struggled to find one that was easy to quickly get into, without a load of installation, and, was flexible enough to use on a wide variety of projects. Patt... Read More

  • scss
  • styleguide
  • jekyll

A Simple SCSS Architecture, and Best Practice Playbook

Here is a quick start playbook that includes simplified Scss structure and development rules. I have spent a lot of time looking at different Sass/Scss formatting, naming, and architecture standards. The bible probably being Hugo Giraudel’s Sass Guidelines - Although very comprehensive, well mai... Read More

  • scss

Set a Custom Homepage in SharePoint 2013 (Online)

I have been forced to learn my way around Microsoft’s ‘sharing and collaboration’ platform over the past few weeks, but, I had issues when trying to load an HTML page in SharePoint Online… I compiled a static website using Jekyll with the usual standard HTML, CSS, & JS files generated. The p... Read More

  • jekyll

Free Creative Capability SVG Iconset

A free set of line-based creative industry related icons for you to use in your projects. This icon set aims to illustrate some key creative capabilities and deliverables such as Development Guidelines, Prototypes, Taskflows, and Wireframes. Download the package below to use them in your proj... Read More

Create a Simple Facebook Share Button in Jekyll

Allowing users to share your articles on social media is a common blog feature. Here is how you add a simple button to your webpage so users can share the page using the Facebook API. Firstly, head to the Facebook Developer portal and create an app. This is not essential, but provides helpful t... Read More

  • blog
  • web
  • app
  • jekyll

Display Instagram Posts on a Webpage with Instafeed.js

Update: 11 Aug 2016 This article has been updated with a method for showing the user details on each photo. Click here to see the example. Instafeed is a simple javascript plugin that enables you to add Instagram photos to your website. I have my Instagram feed configured here, here’s how I se... Read More

  • app
  • html5

Requesting an Access Token from Instagram

Instagram recently changed their API, introducing new restrictions and a permissions process. I had to re-register my Instagram client and get a new Access Token to use the API to show my own Instagram Feed here. Registering the Client First I needed to register my application with Instagram, i... Read More

  • app
  • research
  • web

Getting Started with Jekyll & Github Pages

Static websites are nothing new, neither are the generators that can be used to quickly deploy a site. So why did I decide to make the switch? According to StaticGen the most popular (stars and forks) ststic generator is Jekyll - Here a mix of Markdown and Liquid languages are compiled to create... Read More

  • jekyll
  • blog
  • web
  • liquid
  • hosting

Hello World!

This is the first article in the blog, hooray! Read More

  • blog