Understanding Phantom window.resize Events in iOS
Understand phantom window.resize events in iOS Safari, including dynamic browser UI, viewport changes, orientation, user interaction, and mitigation patterns.
Articles
Front‑end Development, page 17 of 19
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 thirty‑seven collected together for you below.
Understanding Phantom window.resize Events in iOS. Understanding Phantom
For...in vs. for...of in JavaScript. for...invs.for...ofin JavaScriptCompare for...in and for...of in JavaScript, including keys versus values, arrays, plain objects, iterables, inherited properties, and intent cleanly.
JSON.parse() and JSON.stringify() Explained for Beginners. JSON.parse()andJSON.stringify()Explained for Beginners`JSON.parse()` and `JSON.stringify()` explained clearly, including when to convert data, common mistakes, localStorage use, and why functions disappear.
Default Parameters in JavaScript in More Depth. Default Parameters in JavaScript in More Depth
Default parameters in JavaScript explored in more depth, including expression defaults, evaluation order, undefined, API design, and subtle edge cases.
Array.from() and Array.of() in JavaScript. Array.from()andArray.of()in JavaScript`Array.from()` and `Array.of()` in JavaScript explained with NodeLists, array‑like objects, generated arrays, and why `new Array()` can still catch people out.
Default Parameters in JavaScript: A Guide. Default Parameters in JavaScript: A Guide
Default parameters in JavaScript explained from the ES6 syntax through undefined handling, old workarounds, cleaner calls, everyday use, and function design.
Understanding Arrow Functions in JavaScript. Understanding Arrow Functions in JavaScript
A technical article explaining what arrow functions are in JavaScript, and providing code examples. It includes comparisons against non‑arrow functions.
The arguments Object vs. Rest Parameters in JavaScript. The
argumentsObject vs. Rest Parameters in JavaScriptThe `arguments` object vs. rest parameters in JavaScript, including readability, array behaviour, arrow function differences, and modern best practices.
Why HTML Form Values are Always Strings in JavaScript. Why HTML Form Values are Always Strings in JavaScript
Understand why HTML form values are always strings in JavaScript, plus safe conversion for numbers, booleans, checkboxes, radio buttons, and FormData.
Object Property Shorthand and Computed Property Names in JavaScript. Object Property Shorthand and Computed Property Names in JavaScript
Use object property shorthand and computed property names in JavaScript for cleaner literals, derived keys, method shorthand, and overwrite cautions.
Null and undefined in JavaScript. nullandundefinedin JavaScriptCompare null and undefined in JavaScript, including assignment, missing values, typeof quirks, arithmetic behaviour, equality, and common bugs clearly.
Exporting and Importing Using ES6 Modules. Exporting and Importing Using ES6 Modules
An article which explains how to use modules in JavaScript, including exporting and importing named and default exports, and potential issues to watch out for.
Object.assign() in JavaScript: Merging and Shallow Copies. Object.assign()in JavaScript: Merging and Shallow CopiesUse Object.assign() in JavaScript for merging and shallow copies, with target mutation, overwrite rules, nested‑object cautions, and newer alternatives.
Rendering Lists in React and Why Keys Matter. Rendering Lists in React and Why Keys Matter
Render lists in React with stable keys, avoiding index and random‑key bugs, preserving component state correctly through filtering, sorting, and reordering.
The Difference Between == and === in JavaScript. The Difference Between
==and===in JavaScriptCompare == and === in JavaScript through type coercion, strict equality, surprising conversions, safer defaults, and when loose equality still appears.
Classes in JavaScript: An Introduction. Classes in JavaScript: An Introduction
An article that provides a beginner‑friendly introduction to classes in JavaScript, explaining what they are, how they work, and how to use them in your code.
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.
Invoked Function Expressions (IIFE). Invoked Function Expressions (IIFE)
IIFEs were a common JavaScript pattern before modern modules took over. This guide explains what they do, why they existed, and when they still appear.