Articles, page 23 of 29
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
Using next/link for Client‑Side Navigation. Using
Opening Links in a New Tab Safely. Opening Links in a New Tab Safely
See why target="_blank" needed rel="noopener" in 2018, how noreferrer differs, and why modern browsers and user choice still matter.
Event Delegation in JavaScript. Event Delegation in JavaScript
Event delegation in JavaScript manages child element events via a single parent listener. Here, I explore how it works, its benefits, and practical use cases.
The React Context API: When to Use It and When Not to. The React Context API: When to Use It and When Not to
The React Context API explained with Provider and Consumer examples, prop drilling trade‑offs, shared app state, and when context is not the right answer.
JavaScript Rendering and SEO Checks. JavaScript Rendering and SEO Checks
JavaScript rendering and SEO checks for pages that rely on client‑side behaviour, including content, links, metadata, fallbacks, and rendered output.
Merging Multiple Objects in JavaScript. Merging Multiple Objects in JavaScript
Merging objects in JavaScript is straightforward once you know the tools. This guide covers Object.assign(), spread syntax, and overwrite behaviour.
Front‑End Risks in Drupal Template Work. Front‑End Risks in Drupal Template Work
Front‑end risks in Drupal template work, from render arrays and markup overrides to cache behaviour, accessibility, JavaScript, CSS drift, and editor output.
Submitting Forms with JavaScript and FormData. Submitting Forms with JavaScript and
FormDataSubmit native forms with JavaScript and FormData without losing files or repeated values. Let Fetch set the multipart boundary and handle failures correctly.
Event Bubbling vs. Capturing in JavaScript. Event Bubbling vs. Capturing in JavaScript
Event bubbling and capturing in JavaScript explained through propagation phases, event delegation, target/currentTarget, stopPropagation(), and handler order.
SEO Risks in WordPress Theme and Plugin Work. SEO Risks in WordPress Theme and Plugin Work
SEO risks in WordPress theme and plugin work, including metadata, headings, archives, canonicals, redirects, schema, pagination, and generated markup.
Leveraging JavaScript Frameworks for Efficient Development. Leveraging JavaScript Frameworks for Efficient Development
JavaScript frameworks streamline development with reusable components, state management, and optimised rendering. Here, I compare React, Vue.js, and Angular.
The Fetch API for Beginners: GET, POST, JSON, and Errors. The Fetch API for Beginners:
GET,POST, JSON, and ErrorsThe Fetch API for beginners, including GET requests, POST requests, JSON handling,
response.ok, and why failed fetches need explicit error checks.
Making CMS Templates Maintainable with HTML, CSS, and JavaScript. Making CMS Templates Maintainable with HTML, CSS, and JavaScript
Make CMS templates maintainable with clear HTML, scoped CSS, cautious JavaScript, reusable patterns, editor‑safe assumptions, and predictable output.
Tagged Template Literals in JavaScript. Tagged Template Literals in JavaScript
Tagged template literals let you intercept and reshape template literal output. This guide explains the syntax and why the feature can be useful.
Technical SEO Checks for CMS Templates. Technical SEO Checks for CMS Templates
Technical SEO checks for CMS templates, including headings, metadata, canonicals, links, pagination, structured data, crawlable content, and editor output.
Escaping and Unescaping Special Characters in JavaScript. Escaping and Unescaping Special Characters in JavaScript
Escape and unescape special characters in JavaScript for strings, HTML, regular expressions, safe output, parsing, and practical data handling.
Integrating CMSes with HTML, CSS, and JavaScript. Integrating CMSes with HTML, CSS, and JavaScript
Integrating CMSes with HTML, CSS, and JavaScript enables dynamic, flexible content management. Here, I explore best practices, performance tips, and SEO.
React Error Boundaries Explained. React Error Boundaries Explained
React error boundaries explained with fallback UI, componentDidCatch(), getDerivedStateFromError(), logging, placement strategy, and what they cannot catch.
Manipulate Elements with CSS transform. Manipulate Elements with CSS
transformCSS transforms enable us to manipulate elements with operations like rotate, scale, and translate. Here, I discuss how to use and animate them effectively.
Object.keys(), Object.values(), and Object.entries() Explained. Object.keys(),Object.values(), andObject.entries()ExplainedObject.keys(), Object.values(), and Object.entries() explained for JavaScript objects, including iteration, snapshots, validation, and helper choice.
Single or Double Colons in CSS Pseudo‑Elements (:before vs. ::before). Single or Double Colons in CSS Pseudo‑Elements (
:beforevs.::before)CSS pseudo‑elements can use one or two colons. This guide explains
:before,::before, modern syntax, compatibility, and when each form matters.