Creating and Dispatching Custom Events in JavaScript
Create and dispatch custom events in JavaScript with CustomEvent, detail payloads, bubbling, naming choices, cancellation, and component examples.
Articles
Guides, page 16 of 18
This is a relatively generic and broad category where I attempt to offer guidance or instruction on more‑or‑less anything related to front‑end and web development.
Below you will find a subset of articles from my blog specifically about Guides. 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 eight collected together for you below.
Creating and Dispatching Custom Events in JavaScript. 
Mastering CSS for Freelance Web Development Projects. Mastering CSS for Freelance Web Development Projects
CSS is key to delivering responsive, accessible, and visually appealing freelance projects. Here, I explore essential techniques and practices to master CSS.
What are CSS Preprocessors, and Why Should You Use Them? What are CSS Preprocessors, and Why Should You Use Them?
CSS preprocessors like Sass and Less enhance standard CSS with features like variables and nesting. Here, I explore their benefits and why they're essential.
Fundamentals of HTML: A Guide. Fundamentals of HTML: A Guide
A deep dive into the fundamentals of HTML, the foundation of the web. Here I cover its history, usage, evolution, and integration with other web technologies.
Object.freeze(), Object.seal(), and preventExtensions(). Object.freeze(),Object.seal(), andpreventExtensions()`Object.freeze()`, `Object.seal()`, and `preventExtensions()` explained clearly, including what each allows, what they block, and why shallow locking matters.
CSS visibility: Hiding Elements Without Affecting Layout. CSS
visibility: Hiding Elements Without Affecting LayoutCSS `visibility` hides elements without altering layout. Here, I explain its use cases, differences from opacity, and how it maintains document flow.
Controlling Element Transparency with CSS opacity. Controlling Element Transparency with CSS
opacityCSS `opacity` controls transparency, from fully opaque to invisible. Here, I explain how it works, its interaction with layout, with practical examples.
Optimising HTML Markup for SEO. Optimising HTML Markup for SEO
Optimise HTML markup for SEO and accessibility with semantic elements, heading structure, alt text, clean code, anchor text, and crawler‑friendly structure.
Number.isNaN(), Number.isFinite(), and Number.isInteger() in JavaScript. Number.isNaN(),Number.isFinite(), andNumber.isInteger()in JavaScriptNumber.isNaN(), Number.isFinite(), and Number.isInteger() explained through strict numeric checks, coercion traps, parsing boundaries, and validation.
Browser vs. Node.js in JavaScript: Why Code Works in One and Fails in the Other. Browser vs. Node.js in JavaScript: Why Code Works in One and Fails in the Other
Browser and Node.js JavaScript compared through host APIs, globals, modules, async behaviour, DOM access, server APIs, and environment mix‑ups cleanly.
Understanding CSS Positioning. Understanding CSS Positioning
A fairly entry‑level overview of the basics of CSS positioning. Learn how to use `static`, `relative`, `absolute`, and `fixed` positioning with examples.
Function Declarations vs. Function Expressions vs. Arrow Functions. Function Declarations vs. Function Expressions vs. Arrow Functions
Function declarations vs. function expressions vs. arrow functions in JavaScript, including hoisting, `this`, readability, and when each style fits best.
String.startsWith(), endsWith(), and includes() in JavaScript. String.startsWith(),endsWith(), andincludes()in JavaScriptUse startsWith(), endsWith(), and includes() in JavaScript for clearer string checks, case‑sensitive matching, position arguments, and readable intent.
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.
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.
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.