Digital Architect
& Software Engineer

building digital experiences
that make a difference

Digital Architect with over 19 years architecture, technology and Drupal development experience

Cloud computing enthusiast with experience of AWS, Azure and Google Cloud. Proven track record of delivering global enterprise digital platforms with iterative, lean agile principles in private and public sectors.

Working directly with CxOs, I have successfully managed & lead onshore/offshore and 3rd party teams in multilingual environments. I am a visionary, hands on technical architect and a developer who is happy jumping into code to solve critical problems.

Core

Expertise

Committed to continuous learning and always aware of new disruptive technologies. I beleive, a good developer can program in ANY language

Professional

Services

Technical Leadership

Business oriented technical architect with hands-on technical background, proven technical leadership experience.

Stakeholders Engagement

Experience of running engagement workshops. Build relationships with business stakeholders and technical teams.

Technical Transformation

Experience of defining and implementing target and transition architectures for mission critical legacy transformation projects.

Automation & Dev Ops

Focused on enhancing efficiency and productivity through transparent, automated processes in web development environments.

Latest

Blog posts

Drupal 8 on Redis Sentinel in Docker containers

How to run Drupal 8 on Redis Sentinels containers

Posted on 27 January 2020

Installing and running “redis” seem to be enough to run Drupal with it - but sometimes you want to scale Redis for HA. Tool named “redis-sentinel” provides “redis” services such as: Monitoring: It can check master or slave services whether is working correctly and healthy or not. Notification: It can notify when a service goes down. Automatic Failover: It starts a failover scenario and assigns one of slaves as a master when master service goes down.

How to integrate Highcharts with Hugo

Beautiful charts and graphs for your Hugo web data

Posted on 6 January 2020

Highcharts is awesome data visualisation library to generate beautiful graphs. This post will tackle how to include the the highcharts lib and custom chart.js files. In a future post I will try to explain how to generate charts from Dynamic or Markdown content. Download Highcharts using NPM I am using NPM as package manager for Hugo, so adding support for Highcharts is as simple as: npm install highcharts --save Mount node_modules folder to Hugo By default Hugo will only process CSS and JS files in the assets folder.

How to integrate Prism.js code highlighting with Hugo

Hugo code beautified using Prism.js instead of Chroma

Posted on 31 December 2019

Hugo by default ships with Chroma, however if you wanted to use Prism.js - perhaps due to many plugins, themes and configurable options, this is a very very quick and basic tutorial for beautified code using Prism.js instead of Chroma. Download Prism JS and Prism CSS Download Prism.js with any of the configured plugins and theme that you would like to use. Here is one I am using, click the link for my pre-configured options.

Hugo CSS concat, minify and purgecss using postcss

Tutorial and example on now to configure Hugo to automatically performance tune CSS using PurgeCSS

Posted on 30 December 2019

Using bundled libraries and frameworks means including a ton of CSS being added in the site. This CSS often adds bloat and unnecessary bandwidth drain to the page request. Sure the CSS and JS may be minified - but still, you still have a lot of classes that are doing nothing. Hugo already has an excellent support for minification, fingerprinting and concatenation. This blog post will demonstrate how I have set it up for automatically purging the unnecessary CSS.

Hugo package management - import and include upstream CSS and JS in Hugo

Automatically add JQuery, Font Awesome and Bootstrap using NPM

Posted on 29 December 2019

Generally, there are 2 main options to include JS and CSS in Hugo, one is to use CDN and other is to manually download external dependencies and version control them into your own project. Personally, I like the idea of managing upstream dependencies automatically using a package manager. You can manage dependencies in Hugo however you like - Hugo is flexible enough to work with your workflow. Why bother serving external JS & CSS when you can CDN?