Development

As a Front End Developer, I specialise in the core Front End technologies of HTML, CSS & JavaScript. I also have experience with a wide range of complementary technologies.

Automated Testing

Verifying business requirements, syntax and expected user flows.

  • Browser automation
  • Linting
  • Unit tests
  • ESLint
  • PHPCS
  • Tenon
  • Cypress
  • Selenium
  • Mocha
  • PHP Unit
  • WP Unit

Content Management

Content is still king and the UI has to be able to accomodate it, even if the design doesn’t.

  • MySQL
  • PHP5
  • PHP7
  • CWP
  • Drupal
  • SilverStripe
  • Wix
  • WordPress

CSS

Branding depends on presentation. Consistency is key and the devil is in the details.

  • CSS2
  • CSS3
  • BEM
  • Bootstrap
  • Compass
  • KSS
  • Less
  • SMACSS
  • SCSS

Design & Wireframing

Modern design systems are modular and prioritise a great user experience.

  • Information Architecture
  • Layout
  • Balsamiq
  • In-browser design
  • InDesign
  • Photoshop
  • Sketch

DevOps & Toolchains

Automation continuously checks code for errors. Developers have more time to collaborate.

  • Agile
  • Bitbucket
  • Git
  • Github
  • LAMP
  • Shell
  • SVN
  • Bower
  • Bundler
  • Composer
  • Docker
  • NPM
  • Pipelines
  • Travis
  • Yarn

Documentation

Teaching is the best way to learn. Insightful guides and bug reports save time later on.

  • Bug reports
  • Markdown
  • Task scoping
  • Github
  • Git wikis
  • Jira
  • Redmine
  • JSDoc
  • KSS
  • Natural Docs
  • PHPDoc

HTML

Structure and semantics remain the foundations of accessibility and SEO.

  • HTML4
  • HTML5
  • WAI-ARIA
  • XHTML
  • Sublime Text
  • Visual Studio Code
  • Handlebars
  • Mustache
  • Nunjucks

JavaScript

Reacting to user actions keeps users engaged. Modern code is more readable and intuitive.

  • Ajax
  • ES5
  • ES6+
  • JSON
  • Node.js
  • React *
  • Babel
  • jQuery
  • Modernizr
  • Grunt
  • Gulp
  • Webpack
  • Yeoman

Manual Testing

Verifying usability, by acting out genuine user stories and optimising performance.

  • Android, iOS
  • Mac, Windows
  • Blink, Gecko
  • Trident, Webkit
  • Assistive Technologies
  • WCAG-EM
  • Web Standards
  • BrowserStack
  • Ghostlab
  • VirtualBox
  • XCode
  • Acrobat DC
  • Chrome Dev Tools
  • WebPageTest