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