Optimising Website Performance with HTML, CSS, and JavaScript
Improve website performance with practical HTML, CSS and JavaScript checks, from assets and rendering to scripts, measurement and Core Web Vitals.
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 I have worked with for many years, and it has been a regular subject in my writing. There are twenty‑two articles 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.