Enhancing User Experience with CSS and JavaScript Animations
Compare CSS and JavaScript animations, when to use each, and how to protect performance and accessibility with reduced motion and efficient properties.
Articles
JavaScript, page 15 of 19
JavaScript is the working language behind most of my front‑end writing, from small browser behaviours to application state and asynchronous code. These articles favour the mechanism behind a feature over a clever trick, whether the subject is callbacks, async code, or a language edge that only becomes obvious in production.
Enhancing User Experience with CSS and JavaScript Animations. 
React Fragments Explained. React Fragments Explained
React Fragments explained through empty tags, keyed fragments, semantic markup, unnecessary wrapper divs, grouped list output, and layout side effects.
Building Responsive Navigation with CSS and JavaScript. Building Responsive Navigation with CSS and JavaScript
Optimising Website Performance with HTML, CSS, and JavaScript. 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.
Avoiding Forced Layout and Layout Thrashing in JavaScript. Avoiding Forced Layout and Layout Thrashing in JavaScript
See how DOM writes followed by geometry reads force synchronous layout, why loops amplify the cost, and how read‑first batching preserves the result.
Extends and super in JavaScript Classes. extendsandsuperin JavaScript ClassesExtendsandsuperin JavaScript classes explained with inheritance examples, constructor rules, method overriding, and the trade‑offs of class hierarchies.
JavaScript Essentials for Freelance Web Developers. JavaScript Essentials for Freelance Web Developers
This guide explores JavaScript essentials for freelance web developers. It covers fundamental concepts, practical examples, and tips for mastering JavaScript.
Improving Scroll Performance with Passive Event Listeners. Improving Scroll Performance with Passive Event Listeners
Use passive event listeners safely: learn when touch and wheel handlers block scrolling, when preventDefault() is required, and why handler cost is separate.
Understanding the Critical Rendering Path. Understanding the Critical Rendering Path
Follow HTML, CSS, and JavaScript through the browser's critical rendering path, then find the resources delaying the first useful render.
Promise.all() vs. Promise.race() in JavaScript. Promise.all()vs.Promise.race()in JavaScriptPromise.all()vs.Promise.race()in JavaScript, with async examples, error behaviour, timeouts, practical use cases, and common mistakes in real code.
Generators in JavaScript: A Beginner's Guide. Generators in JavaScript: A Beginner's Guide
JavaScript generators explained for beginners, covering generator function syntax, yield, paused execution, iteration patterns, and where generators still help.
Building Polyfills for JavaScript Array and String Methods. Building Polyfills for JavaScript Array and String Methods
Polyfills replicate modern JavaScript methods for compatibility. Here, I explain polyfills and show how to build key examples in unsupported environments.
JavaScript Error Handling Patterns. JavaScript Error Handling Patterns
Error handling in JavaScript is vital for building robust applications. Here, I explore modern patterns like try‑catch, async/await, and global error handlers.
The Difference Between JavaScript Callbacks and Promises. The Difference Between JavaScript Callbacks and Promises
JavaScript callbacks execute functions after tasks, whilst promises offer structured asynchronous handling. I explore their differences, benefits, and uses.
Array.find(), Array.some(), and Array.every() in JavaScript. Array.find(),Array.some(), andArray.every()in JavaScriptArray.find(),Array.some(), andArray.every()in JavaScript explained clearly, including return values, use cases, and when each method fits best.
Object.is() vs. Strict Equality in JavaScript. Object.is()vs. Strict Equality in JavaScriptCompare Object.is() and strict equality in JavaScript, including NaN, signed zero, loose equality contrast, and when precision matters in real code.
What is CORS and Why is My JavaScript fetch Blocked? What is CORS and Why is My JavaScript
fetchBlocked?CORS explained for JavaScript fetch errors, including same‑origin policy, server opt‑in, preflight requests, credentials, and what front‑end code can fix.
Creating and Dispatching Custom Events in JavaScript. 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.