About This Website | DrawShield

About This Website

Website Pages

The source files for this website are HTML5 and CSS with Embedded JavaScript ("ejs files") and are edited where necessary using Sublime Text 3. I use Harp to compile these files into pure HTML5 and CSS. The page layouts make use of Bootstrap 4 design elements with a custom theme designed by me.

Interactive Elements

The interactive parts of the pages are written in JavaScript, and the server-side programs such as the main DrawShield engine are written in PHP, again edited with Sublime Text 3.

Graphical Elements

Bitmapped images and photographs are manipulated using Serif Affinity Photo. Vector images and other design elements were created using Serif Affinity Designer


Development Environment

Most development work is done on a 27" Retina iMac under Mac OS, with 16GB of RAM and 1TB fusion drive. This desktop system has a daily backup to a Network Storage device using Carbon Copy Cloner and a continuous incremental backup to a separate external drive using Time Machine. I also have a MacBook Pro available for offsite editing, the two Apple devices are synchronised via iCloud document sharing.

Test Environment

The test system is a Linux Mint Virtual Machine image running the Apache Web Server. The virtual machine is hosted by VirtualBox, itself running under Linux Mint natively on a headless 2008 MacMini server. Filezilla is used to synchronise the development version and the test system.

Live Environment

The live pages are served from a shared Linux server running Apache and provided by UKHost4U, again Filezilla is used to upload the pages.


I have used many variants and competitors of the products named above over many years, and have used the current set of products extensively. I can say that for my purposes at least all of the products named above are amongst the leaders in their particular categories and I would recommend them all without hesitation.