Optimising Website Performance with HTML, CSS, and JavaScript
Boost website performance with HTML, CSS & JavaScript optimisation. I explore techniques: lazy loading, critical CSS, script deferment for faster load times.
Articles
Adaptive Development, page 2 of 2
Adaptive development is one of the methods in web development aimed at improving how websites or applications adjust to different devices and screen sizes. Unlike Responsive Development, which uses the same codebase and media queries to react to different device capabilities and screen sizes, Adaptive Development more commonly focuses on serving different versions of a site, optimised for the visiting device's capabilities.
Below you will find a subset of articles from my blog specifically about Adaptive Development. This is an area that I have worked with for many years, and have managed to write about quite a few times. There are twenty‑two collected together for you below.
Optimising Website Performance with HTML, CSS, and JavaScript. 
Understanding Phantom window.resize Events in iOS. Understanding Phantom
window.resizeEvents in iOSUnderstand phantom window.resize events in iOS Safari, including dynamic browser UI, viewport changes, orientation, user interaction, and mitigation patterns.
Comparing Arrays in JavaScript. Comparing Arrays in JavaScript
Comparing arrays in JavaScript is trickier than it first looks. This guide covers reference equality, value comparison, and practical alternatives.
Appending and Prepending Items to an Array. Appending and Prepending Items to an Array
Append and prepend array items in JavaScript with push(), unshift(), spread syntax, mutation trade‑offs, return values, and cleaner update patterns.