Duncan McDougall

I'm a freelance web developer based in the South of Scotland. On recent projects I've worked with React, Umbraco, StorybookJS, NodeJs, and plenty of SASS.

I'm currently AVAILABLE to discuss new freelance/contracting web development projects.

  1. 2020

    1. 🔍 Add Search to an Eleventy website with Elasticlunr


      How to build an index from an 11ty collection and add client-side search with elasticlunr.

    2. 🌍 Create a Sitemap.xml with Eleventy


      Add an XML sitemap to your 11ty website with a few lines of nunjucks.

    3. 🧱 My Eleventy + SCSS/SASS Setup


      My simple configuration when working with SCSS/SASS in an Eleventy (11ty) build.

    4. 🤸‍♀️ The prefers-reduced-motion media query


      This CSS feature is used to detect if the user has requested the system minimize the amount of animation or motion it uses.

    5. 🎤 Podcasts I'm listening to


      Answering the number 1 question in the world right now. "What podcasts are you listening to?"

    6. ⚡ Run Umbraco from VS Code


      Probably the quickest, leanest way to get to work on a fresh Umbraco site is with VSCode and IIS Express.

    7. 🧰 My Web Development Setup


      A run through of my current software, hardware and editor setup for day to day web development.

  2. 2019

    1. 🔖 Better filenames for React Suspense/Lazy chunks


      Using webpackChunkName to replace the numbered filenames with something more meaninful

    2. ⌨ Add Git-Bash to the new Windows Terminal


      How to add a Git-Bash tab to the new Windows Terminal (Preview) shell and set it as the default.

    3. 🌙 Dark Mode CSS with the prefers-color-scheme media query


      prefers-color-scheme is a new-ish CSS media query that lets developers define styles tailored to a visitor's color scheme system setting.

    4. 🎥 Favourite films of 2010's


      One of those pointless list posts. This one is about my favourite films.

    5. 📦 Useful NPM global packages


      Handy npm packages to worth installing globally.

  3. 2015

    1. 🐛 Debugging LESS with dotLESS


      How to trace back compiled CSS to less files when using dotLESS.

  4. 2013

    1. 🚄 Website Speed and Analytic Metrics


      A brief look at how website performance influences the stats found in Google Analytics.

    2. 🔓 Umbraco Instant Log Out Issue


      A fix for Umbraco login automatic log out issue. Spoiler - it's a HTTPS cookie thing.

  5. 2012

    1. 🔲 jQuery Responsive Lightbox plugin


      A lightweight, responsive lightbox jquery plugin.

    2. 📱 Disable Bouncing Scroll Effect in PhoneGap [iOS]


      By default Cordova/PhoneGap apps have a sort of elasticy pull down effect. This can be disabled from cordova.plist.

  6. 2011

    1. 🖇 Many To Many Mapping in Fluent NHibernate


      Code snippet for mapping two classes in Fluent NHibernate using a many to many relation.