My Process

I work a lot with different agencies, all of who have their own set up and stack so I’m extremely flexible when it comes to using frameworks or specific methods. However, when left to my own devices, this is the set up I will go with.

My preferred setup

  • HTML5, CSS3 Animations, jQuery and Sass for the build.
  • Gulp for preprocessing.
  • BEM & ITCSS methodologies.
  • Custom responsive code.
  • Sketch or Adobe Xd for design.
  • GitHub for version control.
  • Trello and Slack for project management and communication.

I'm also skilled in

  • Grunt
  • Photoshop, Sketch, Illustrator, InDesign
  • Bootstrap, Foundation
  • BitBucket
  • Basecamp, Teamwork, Pivotal

Custom responsive code

I use a Sass Media Query plugin which makes writing media queries extremely simple. I include my media queries for each class, meaning it’s easy to cascade down from desktop or mobile and quick to locate your query.

Trello & Slack

Slack is a great tool for cutting down on emails and improving communication in teams - especially when working remotely (as I mostly do). I also love to use Trello as a simple SCRUM board for managing to-do’s on a project. I have To-do's, Doing, QA and Done boards so clients can track project progress (see image).


BEM (shorthand for Block, Element, Modifier) is fantastic when used with Sass for naming divs. Used with ITCSS, which is how I structure my Sass files, it means easily maintainable code with great naming conventions, ultimately helping avoid 'specifity wars'.


Joy Translations
Energy Explosion
DryDock Brewery
Game Over
South Coast Web Events
My White Clinic