Senior Full-Stack Engineer

Front-End & Frameworks

React
Next.js
TypeScript
Vue.js
Angular
Flutter
Cypress

CMS & Back-End

Sanity
Algolia
SilverStripe
Drupal
PHP
AWS

Visual Design & User Research

Figma
UX/UI Design & Research
Design Systems
Accessibility Compliance

Strategy & Leadership

Digital Strategy
Product Ownership
Technical Leadership

Recent Posts

Exporting Drupal Configuration Changes

This guide explains how to export configuration changes from your Drupal site so they can be version controlled and deployed to other environments.

October 6, 2025

Step-by-Step Guide to Installing Drupal Security Updates

This guide walks you through the process of safely applying security updates to your Drupal website. Security updates patch vulnerabilities that could expose your site to attacks, making timely installation critical for protecting your data and users.

Zaid Al-Dabbagh

October 6, 2025

Using Custom Icons in SilverStripe CMS Menu and Elemental Blocks

By default, SilverStripe CMS uses Font Icons for menu, and at times, you would want to set your own custom SVG icons when there isn’t a sufficient icon and/or to be inline with your org brand guidelines. This article explains how can set those, in both cases — For use in CMS classes that extend ModelAdmin, and in the case of Elemental Blocks that extend BaseElement.

March 7, 2024

Drupal Field Content Migration with Views Bulk Edit module

Use the Views Bulk Edit module to migrate content for individual fields on selected content types. This is made possible with use of Drupal’s Views Bulk Edit module, which allows us to setup new Views for the purpose of migrating fields.

August 7, 2023

Lazy Loading Components in VueJS

As your app scales, it is likely that your compiled JS bundle file will get larger and larger. With the help of the Vue 3 defineAsyncComponent method, we can now only load a component if and when needed asynchronously.

June 7, 2023

Adding print styles to your website

The process of adding print styles to your web, to make content more print friendly both from a readability/accessibility point of view, and from the point of removing clutter and reducing print cost.

December 12, 2022

Switch Between Multiple Versions of Node with NVM and Homebrew

When working on multiple projects, you may need to switch quickly between different versions of Node for compatibility. Two common approaches are: NVM (Node Version Manager): A widely used tool for easily managing and switching Node versions. Homebrew (Mac only): Another option to install and manage different Node versions directly.

Zaid Al-Dabbagh

August 23, 2019

What Browsers to Test in Cross-Browser Testing

Cross-browser testing is essential to make sure your application works consistently across different devices and browsers. Analytics, government standards, or company guidelines will help you decide which versions to support. Tools like BrowserStack give you a full list of browsers and platforms, while Browserslist provides a shared configuration for front-end tools. Finally, Autoprefixer automatically adds vendor-specific CSS rules to improve compatibility, saving you from writing them manually.

Zaid Al-Dabbagh

June 10, 2019

Configure Autoprefixer correctly to output -ms-grid prefixes

CSS Grid is powerful, but Internet Explorer 11 doesn’t support it out of the box. This guide shows why the -ms-grid prefix matters and how to enable it for compatibility.

Zaid Al-Dabbagh

June 3, 2019

Exporting Drupal Configuration Changes

This guide explains how to export configuration changes from your Drupal site so they can be version controlled and deployed to other environments.

October 6, 2025

Step-by-Step Guide to Installing Drupal Security Updates

Zaid Al-Dabbagh

October 6, 2025

Using Custom Icons in SilverStripe CMS Menu and Elemental Blocks

March 7, 2024

Drupal Field Content Migration with Views Bulk Edit module

August 7, 2023

Lazy Loading Components in VueJS

June 7, 2023

Adding print styles to your website

December 12, 2022

Switch between multiple versions of node with homebrew banner

Switch Between Multiple Versions of Node with NVM and Homebrew

Zaid Al-Dabbagh

August 23, 2019

What Browsers to Test in Cross-Browser Testing

Zaid Al-Dabbagh

June 10, 2019

a blue background with the words "why sanity wins over traditional cmses"

Configure Autoprefixer correctly to output -ms-grid prefixes

CSS Grid is powerful, but Internet Explorer 11 doesn’t support it out of the box. This guide shows why the -ms-grid prefix matters and how to enable it for compatibility.

Zaid Al-Dabbagh

June 3, 2019