Articles
Front‑End Development, page 9 of 26
Front‑end development is where product intent becomes the interface people actually use. My writing approaches it as engineering rather than surface decoration, with attention to browser behaviour and code that remains accessible, fast, and safe for a team to change.
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: prettyandtext-wrap: balancein web typography, enhancing text aesthetics and readability in different contexts.
The Power of text-wrap: pretty. The Power of
text-wrap: prettyHow
text-wrap: prettycan improve paragraph wrapping in CSS, with practical examples, browser‑dependent results, and a progressive enhancement approach.
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()MethodUnderstand JavaScript's
hasOwnProperty(),Object.hasOwn(), and theinoperator, including the difference between own and inherited object properties.
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
typeofoperator, 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.
parseInt in JavaScript: The Significance of Radix. parseIntin JavaScript: The Significance of RadixLearn why parseInt()'s radix argument matters in JavaScript, how numeric bases affect parsing and why specifying the base makes conversion predictable.
Build‑Time SEO Checks in Gatsby. Build‑Time SEO Checks in Gatsby
Run build‑time SEO checks in Gatsby across routes, metadata, canonicals, headings, sitemaps, schema, redirects, CMS content gaps, and release confidence.
Harnessing the Power of Function.prototype.bind(). Harnessing the Power of
Function.prototype.bind()Explore JavaScript's
Function.prototype.bind()method to master function contexts and argument handling, enhancing your code's flexibility and reliability.
Harnessing JavaScript's defineProperty(). Harnessing JavaScript's
defineProperty()Unlock the capabilities of JavaScript's
Object.defineProperty()for precise property control on objects, enhancing security and data integrity in your code.