Articles
Adaptive Development
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.
Container Queries in CSS. 
CSS aspect‑ratio for Responsive Layouts. CSS
aspect‑ratiofor Responsive Layouts
Building Multi‑Tenant Applications with Next.js. Building Multi‑Tenant Applications with Next.js
Object Control in JavaScript: defineProperties(). Object Control in JavaScript:
defineProperties()
Exploring the call() Method in JavaScript. Exploring the
call()Method in JavaScript
Understanding Object Types with JavaScript's instanceof. Understanding Object Types with JavaScript's
instanceof
Repetitive Asynchronous Tasks with JavaScript's setInterval(). Repetitive Asynchronous Tasks with JavaScript's
setInterval()
Understanding prototype.apply() in JavaScript. Understanding
prototype.apply()in JavaScript
JavaScript's hasOwnProperty() Method. JavaScript's
hasOwnProperty()Method
Harnessing the Power of Prototype.bind(). Harnessing the Power of
Prototype.bind()
Harnessing JavaScript's defineProperty(). Harnessing JavaScript's
defineProperty()
Understanding setTimeout() in JavaScript. Understanding
setTimeout()in JavaScript
Responsive JavaScript and the matchMedia Method. Responsive JavaScript and the
matchMediaMethod
Improve Page Performance with content‑visibility. Improve Page Performance with
content‑visibility
Position: sticky in CSS. position: stickyin CSSDo Websites Need to Look the Same in Every Browser? Do Websites Need to Look the Same in Every Browser?
Adaptive vs. Responsive Design & Development. Adaptive vs. Responsive Design & Development
Reducing Image Brightness with CSS. Reducing Image Brightness with CSS
