
Articles
Front‑end Development
Front‑end web development is my personal niche, it is the art of creating visual and interactive elements for a website, including layout, design, and interactivity, using HTML, CSS, and JavaScript.
Below you will find a subset of articles from my blog specifically about Front‑End 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 three hundred twenty‑eight collected together for you below.

Reverse an Array in JavaScript. 
Preventing and Debugging Memory Leaks in React. Preventing and Debugging Memory Leaks in React

Creating Custom Vue Directives for Enhanced Functionality. Creating Custom Vue Directives for Enhanced Functionality

Container Queries in CSS. Container Queries in CSS

Building a Headless CMS‑Powered Site with Next.js. Building a Headless CMS‑Powered Site with Next.js

Sorting Complex Arrays in JavaScript. Sorting Complex Arrays in JavaScript

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

Building a Custom Vue 3 Hook Using the Composition API. Building a Custom Vue 3 Hook Using the Composition API

Vue's provide/inject API: When and How to Use It. Vue's
provide/injectAPI: When and How to Use It
Vue 3 Reactivity: Proxies vs. Vue 2 Reactivity. Vue 3 Reactivity: Proxies vs. Vue 2 Reactivity

Understanding the Difference Between <b> and <strong>. Understanding the Difference Between
<b>and<strong>
Optimising Vue.js Performance with Lazy Loading and Code Splitting. Optimising Vue.js Performance with Lazy Loading and Code Splitting

Using Middleware in Next.js for Route Protection. Using Middleware in Next.js for Route Protection

Control CSS Container Layouts with place‑content. Control CSS Container Layouts with
place‑content
Simplify Your Layout CSS with place‑items. Simplify Your Layout CSS with
place‑items
Optimising Angular Forms: Template‑Driven vs. Reactive Forms. Optimising Angular Forms: Template‑Driven vs. Reactive Forms

Converting Between Camel, Snake, and Kebab Case in JavaScript. Converting Between Camel, Snake, and Kebab Case in JavaScript