Stopping Propagation vs. Preventing Default in JavaScript
Understanding `stopPropagation` and `preventDefault` is key to handling events in JavaScript. Here, I explore their differences and when to use each.
Articles
Front‑end Development, page 8 of 24
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 I have worked with for many years, and it has been a regular subject in my writing. There are four hundred seventeen articles collected together for you below.
Stopping Propagation vs. Preventing Default in JavaScript. 
Creating Custom Viewport Units Instead of Using vh and vw. Creating Custom Viewport Units Instead of Using
vhandvwCreate custom viewport units with CSS variables and JavaScript to avoid mobile 100vh bugs caused by browser chrome, keyboards, and visible height changes.
Staying Current: Automating Copyright Year Updates. Staying Current: Automating Copyright Year Updates
Automate copyright year updates across JavaScript, React, Angular, Vue, jQuery, PHP, and WordPress so footers do not go stale each January across stacks.
Repetitive Asynchronous Tasks with JavaScript's setInterval(). Repetitive Asynchronous Tasks with JavaScript's
setInterval()A discussion about using JavaScript's setInterval for repetitive tasks. Manage intervals effectively and understand best practices for time‑bound executions.
Dynamic Navigation with React Router. Dynamic Navigation with React Router
How Much Do Software Engineers Make in the UK? How Much Do Software Engineers Make in the UK?
How much software engineers make in the UK, with realistic late‑2023 salary ranges for graduate, mid‑level, senior, London, and sector‑driven roles.
JavaScript Build Tools Before Framework Clis Took Over. JavaScript Build Tools Before Framework Clis Took Over
A look back at JavaScript build tools before framework CLIs, covering Grunt, Gulp, Browserify, webpack, Babel, npm scripts, and everyday trade‑offs.
Top Reasons to Work with a Local Web Developer in Brighton. Top Reasons to Work with a Local Web Developer in Brighton
Discover why working with a local web developer in Brighton matters. With local insight, tailored solutions, and reliable support, Brighton businesses benefit.
Is a Software Engineer High Paying? Is a Software Engineer High Paying?
Is software engineering high paying in the UK? Usually yes after the early career stage, though pay varies a lot by location, sector, seniority, and company.
Understanding prototype.apply() in JavaScript. Understanding
prototype.apply()in JavaScriptUnderstand Function.prototype.apply() in JavaScript, including this binding, array‑like arguments, call() differences, dynamic invocation, and modern use cases.
Enhancing Web Typography with text‑wrap: balance. Enhancing Web Typography with
text‑wrap: balanceExploring the synergy of `text‑wrap: pretty` and `text‑wrap: balance` in web typography, enhancing text aesthetics and readability in different contexts.
The Power of text‑wrap: pretty. The Power of
text‑wrap: prettyAn exploration of the power of `text‑wrap: pretty` in CSS, a simple but very effective way to enhance web typography by preventing orphans in blocks of text.
When jQuery Plugins Became Front‑End Debt. When jQuery Plugins Became Front‑End Debt
Why old jQuery plugins became front‑end debt, from hidden state and global CSS to accessibility gaps, browser assumptions, migration cost, and ownership.
JavaScript's hasOwnProperty() Method. JavaScript's
hasOwnProperty()MethodDiscover JavaScript's `hasOwnProperty()` for checking an object's own properties, an essential method for accurate and reliable object property iteration.
Removing Duplicates from a JavaScript Array ('Deduping'). Removing Duplicates from a JavaScript Array ('Deduping')
Deduping an array involves removing duplicate values to ensure each item appears only once. Here, I explore different JavaScript techniques to achieve this.
Trigonometric Functions in CSS. Trigonometric Functions in CSS
CSS trigonometric functions open up more expressive layout and animation patterns. This guide covers sin(), cos(), tan(), and practical examples.
JavaScript's typeof Operator: Uses and Limitations. JavaScript's
typeofOperator: Uses and LimitationsExplore the usage and limitations of JavaScript's `typeof` operator, understand its quirks, and learn when and how to use it effectively in your code.
Will AI Replace Front‑End Developers? Will AI Replace Front‑End Developers?
Will AI replace front‑end developers? This article separates routine automation from judgement, accessibility, browser knowledge, product context, and UX.