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