Duncan McDougall
2020
π§² Quick Tip: npm outdated and npm update
How to check for and update to newer versions of your installed dependencies using npm's built-in commandsπ Add Search to an Eleventy website with Elasticlunr
How to build an index from an 11ty collection and add client-side search with elasticlunr.π Create a Sitemap.xml with Eleventy
Add an XML sitemap to your 11ty website with a few lines of nunjucks.π§± My Eleventy + SCSS/SASS Setup
My simple configuration when working with SCSS/SASS in an Eleventy (11ty) build.π€ΈββοΈ 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.π€ Podcasts I'm listening to
Answering the number 1 question in the world right now. "What podcasts are you listening to?"β‘ 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.π§° My Web Development Setup
A run through of my current software, hardware and editor setup for day to day web development.
2019
π Better filenames for React Suspense/Lazy chunks
Using webpackChunkName to replace the numbered filenames with something more meaninful⨠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.π 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.π₯ Favourite films of 2010's
One of those pointless list posts. This one is about my favourite films.π¦ Useful NPM global packages
Handy npm packages to worth installing globally.
2015
π Debugging LESS with dotLESS
How to trace back compiled CSS to less files when using dotLESS.
2013
π Website Speed and Analytic Metrics
A brief look at how website performance influences the stats found in Google Analytics.π Umbraco Instant Log Out Issue
A fix for Umbraco login automatic log out issue. Spoiler - it's a HTTPS cookie thing.
2012
π² jQuery Responsive Lightbox plugin
A lightweight, responsive lightbox jquery plugin.π iOS Date Parsing Issue
Fixing a YYYY-MM date parsing issue which appears in the iOS 5 WebView.π± 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.
2011
π Many To Many Mapping in Fluent NHibernate
Code snippet for mapping two classes in Fluent NHibernate using a many to many relation.π· How to Remove ETags in IIS6
Performance tools such as YSlow & WebPageTest recommend you disable ETags. This is how to do it in IIS6.π° Slow Site, Frustrated Visitors, Negative Press
A huge chunk of visitors who suffer performance issues will go on to share this with others. Just check twitter.
2010
π¨ Delay Loading The Print Stylesheet
Improve percieved page load time by delaying the downloading of the print stylesheet using JavaScript.