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.