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

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

Projects

Colorado Mining
Metrotile
Nviro
Dishhco
DryDock Brewery
PubHack
Game Over
South Coast Web Events
My White Clinic