Creating Custom Viewport Units Instead of Using vh and vw
Use JavaScript and CSS custom properties for viewport sizing, with working CSS fallbacks and clear limits around browser controls, keyboards, and scrollbars.
Articles, page 12 of 29
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
Creating Custom Viewport Units Instead of Using vh and vw. Creating Custom Viewport Units Instead of Using
Introducing Seeded Randomisation into an SSR Gatsby Project. Introducing Seeded Randomisation into an SSR Gatsby Project
Add seeded randomisation to an SSR Gatsby project, keeping content order deterministic across builds whilst still rotating destination‑style content.
LeetCode: Converting Roman Numerals to Integers. LeetCode: Converting Roman Numerals to Integers
Convert Roman numerals to integers in JavaScript, covering subtractive notation, invalid input caveats, and a clear TypeScript implementation.
LeetCode: Converting Integers to Roman Numerals. LeetCode: Converting Integers to Roman Numerals
Convert integers to Roman numerals in JavaScript, covering symbol rules, greedy matching, edge cases, and a clear TypeScript implementation.
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
Understanding and Solving Regular Expression Matching. Understanding and Solving Regular Expression Matching
Solve regular expression matching with recursive and dynamic‑programming context, covering dot and star behaviour, edge cases and TypeScript.
LeetCode Container with Most Water: The Two‑Pointer Solution. LeetCode Container with Most Water: The Two‑Pointer Solution
Solve Container With Most Water in TypeScript using the two‑pointer pattern, with pointer movement, complexity, edge cases, and testable logic explained.
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.
The Longest Palindromic Substring in JavaScript. The Longest Palindromic Substring in JavaScript
Explore the 'Longest Palindromic Substring' problem: its relevance in web development and four JavaScript (ES6 & TypeScript) solutions for efficiency.
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.
Using JavaScript and the Two‑Pointer Technique to Solve 4Sum. Using JavaScript and the Two‑Pointer Technique to Solve 4Sum
Master the 4Sum problem in JavaScript: Explore the two‑pointer technique, solve with ES6/TypeScript, and test using Cypress. Elevate your coding skills.
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.
3Sum Closest in JavaScript: Sorting and Two Pointers. 3Sum Closest in JavaScript: Sorting and Two Pointers
Solve 3Sum Closest in JavaScript with sorting and two pointers, reducing brute‑force work whilst finding the nearest total efficiently in TypeScript.