Sitemap

Main Pages

  1. Homepage
  2. About
  3. Services
  4. Case Studies
  5. Articles
  6. Resources
  7. Timeline
  8. Availability
  9. Contact

Services

  1. Embedded Technical Leadership
  2. Fractional Technical Leadership
  3. Next.js Platform Architecture
  4. Headless Architecture Consulting
  5. Next.js Platform Consulting
  6. Performance Optimisation and Core Web Vitals
  7. Technical SEO for JavaScript Applications
  8. Next.js Website and Application Development
  9. Migrations to Next.js
  10. Technical SEO Recovery and Debugging
  11. Next.js Performance and Stability
  12. Headless CMS Integration
  13. Vercel Deployment Debugging
  14. React SPA to Next.js Migration
  15. WordPress to Next.js Migration
  16. Gatsby to Next.js Migration
  17. Contentful to Sanity Migration
  18. Shopify to Next.js Headless Commerce
  19. Drupal to Next.js Migration
  20. Pages Router to App Router Migration
  21. WordPress to Next.js SEO Recovery
  22. Traffic Drop After a Redesign or Replatform
  23. JavaScript SEO Rendering and Indexing Fix
  24. Next.js Sitemap, Robots, and Crawlability Debugging
  25. Next.js Redirects and URL Normalisation Fix
  26. Next.js Core Web Vitals Regression Fix
  27. Next.js Hydration Mismatch Fix
  28. Third‑Party Script Performance Optimisation
  29. Next.js Draft Mode Preview Fix
  30. Headless CMS SEO Gaps
  31. Headless CMS Cache and Revalidation Debugging
  32. Contentful Preview Performance in Next.js
  33. Next.js Vercel Build Failures Debugging
  34. Next.js Site Broke After Deploy
  35. Next.js Vercel Build Timeout and Memory Fix
  36. ISR and Revalidation Failures on Vercel
  37. NextAuth Production Authentication Debugging
  38. Next.js Multi‑Tenant Architecture
  39. Next.js Multi‑Brand Platform Architecture
  40. App Router Performance and Caching Debugging
  41. Supporting Services
    1. Technical Writing and Documentation
    2. Partnership and Advisory Support
    3. Technical Content Partnerships
    4. Accessibility and Usability Reviews
    5. Codebase Audits and Optimisation
    6. Ongoing Support and Maintenance
    7. Hosting and Platform Support

Resources

  1. Website Replatforming Risk Register
  2. Technical SEO Audit Checklist for React and Next.js Websites
  3. Structured Data Implementation Matrix for React and Next.js Websites
  4. Traffic Drop Triage Checklist After a Redesign or Replatform
  5. Headless CMS SEO Controls Matrix
  6. Rendered HTML Migration Comparison Worksheet

Case Studies

  1. Virgin Atlantic & Holidays
  2. Microsoft
  3. Nando’s
  4. John Lewis
  5. The World Economic Forum
  6. Selfridges
  7. Polestar
  8. Boohoo Group
  9. Lotus
  10. IMG Licensing
  11. Wreel Agency
  12. LEGO
  13. Plex.tv
  14. Style.com
  15. HSBC Corporate Banking
  16. Moscot Eyewear
  17. BBC Future Media
  18. Red Central
  19. Tony's Chocolonely
  20. Bose Product Support
  21. ToyBoxX
  22. Navico
  23. Linkudo
  24. Dataffirm
  25. Cox & Kings
  26. Macmillan Education

Support Pages

  1. Terms & Imprint
  2. Privacy
  3. Sitemap

Social Accounts

  1. WhatsApp
  2. LinkedIn
  3. X
  4. Yunojuno
  5. Wellfound (Formerly AngelList)
  6. Gatsby
  7. Google Maps
  8. GitHub

Article Categories

  1. Accessibility
  2. Adaptive Development
  3. Algorithms
  4. AMP
  5. Angular
  6. Answer Engine Optimisation (AEO)
  7. April Fools
  8. Architecture
  9. Artificial Intelligence (AI)
  10. Brighton
  11. Career
  12. Chakra UI
  13. CMS
  14. Consulting
  15. Contentful
  16. Copyright
  17. Cross‑Browser Compatibility
  18. CSS
  19. Cypress
  20. Data Structures
  21. Delivery
  22. Design Systems
  23. Dev Match
  24. Development
  25. Drupal
  26. E‑Commerce
  27. Engineering Practices
  28. ES6
  29. Front‑End Development
  30. FTP
  31. Gatsby
  32. GDPR
  33. Generative Engine Optimisation (GEO)
  34. Git
  35. Google
  36. GraphQL
  37. Guides
  38. Headless CMS
  39. Hiring
  40. Hosting
  41. .htaccess
  42. HTML
  43. Image Rendering
  44. Images
  45. Internet Explorer
  46. JavaScript
  47. jQuery
  48. JSX
  49. Leadership
  50. LeetCode
  51. Liquid
  52. Miscellaneous
  53. Netlify
  54. Next.js
  55. Node.js
  56. Performance
  57. PHP
  58. React
  59. Responsive Design
  60. Responsive Development
  61. Sass
  62. Search Engine Optimisation (SEO)
  63. Security
  64. Server‑Side Rendering (SSR)
  65. Shopify
  66. Sitemaps
  67. Static Sites
  68. Structured Data / schema.org
  69. styled‑components
  70. Technical SEO
  71. Testing
  72. TypeScript
  73. Typography
  74. Vercel
  75. Video
  76. Vue.js
  77. WordPress

Articles

  1. AI Slop is a Symptom, Not the Disease
  2. Faceted Navigation SEO in Headless Commerce: Filters, Canonicals, and Crawl Control
  3. The Platform Dependency Trap: When Efficiency Becomes Lock‑In
  4. Right to Represent Agreements for UK Contractors
  5. Advanced Error Handling in JavaScript with try, catch, and finally
  6. Gatsby Build Times are Slow: Fix or Migrate?
  7. When AI Search Creates Visibility Without a Visit
  8. The AI Governance Gap in Digital Transformation
  9. GTM, Consent Tools, and Core Web Vitals: How to Audit Third‑Party Script Cost
  10. Why AI Makes Senior Engineers More Important, Not Less
  11. Gatsby to Next.js Migration Checklist
  12. The Automation Tax No One Measures
  13. Contentful to Sanity Migration Checklist for Next.js Sites
  14. SEO Best Practices in Next.js: Improving Core Web Vitals
  15. Google's Search Monopoly Was Built on a Deal. AI is Rewriting It.
  16. Why Your Next.js App Router Page is Stale: Cache Tags, Revalidation, and CMS Publishing
  17. Contentful to Sanity Migration Risks for Next.js Sites
  18. AI and the Collapse of Organisational Memory
  19. CMS Preview Should Be a Migration Requirement, Not an Afterthought
  20. The Hidden Cost of Replacing Juniors with AI
  21. The Web Just Invented a Toll Booth for AI
  22. Should You Move from Contentful to Sanity?
  23. AGI vs. AI vs. ASI: What Actually Changes?
  24. A Deep Dive into JavaScript's Proxy and Reflect API
  25. Fixing Contentful Preview in Next.js Draft Mode
  26. Union‑Find Explained: Solving the 'Number of Provinces' Problem
  27. Privacy by Design is Not a Cookie Banner
  28. The Great AI Content Collapse: Why Cheap Content Makes Real Expertise More Valuable
  29. The AI Middle Manager Problem
  30. Next.js Build Failing on Vercel: How to Find the First Real Failure
  31. Technical GEO for Websites: Entities, Structured Data, and Crawl Paths
  32. State Management in Angular: NgRx vs. SignalStore
  33. Schema for Service Pages Without Overclaiming
  34. How Service Pages Become Answerable in AI Search
  35. AI is Making Technical Debt Cheaper to Create
  36. Traffic Dropped After a Replatform: The Technical Checks I Run First
  37. E‑Commerce SEO Migration: Product and Category Pages in Next.js
  38. The AI Productivity Mirage: When More Output Does Not Mean More Value
  39. AI Will Be Ok If We Stop Treating It Like Magic
  40. Should You Move a Shopify Storefront to Next.js?
  41. What is Artificial Superintelligence (ASI)?
  42. What is a Timing Attack? Side Channels, Examples, and Safer Comparisons
  43. Next.js Multi‑Tenant Architecture
  44. State Management in Vue: Vuex vs. Pinia
  45. Content Security Policy in Next.js: Static Pages, Nonces, and Real‑World Trade‑Offs
  46. Pages Router to App Router Migration Risk Checklist
  47. What AEO is, and How It Fits with SEO and GEO
  48. Core Web Vitals Got Worse After a Redesign
  49. Solving the LeetCode N‑Queens Problem
  50. The AI Layoff Trap: When Local Efficiency Becomes Systemic Fragility
  51. When Production Data Breaks a Next.js Site
  52. How to Vet a Senior Next.js Developer for a Replatform or Recovery Project
  53. Using Angular Signals for Performance Optimisation
  54. Responsible AI Needs an Owner
  55. NextAuth Works Locally but Fails in Production
  56. LeetCode: The 'Kth Smallest Element in a BST' Problem
  57. Using RxJS for State Management in Angular
  58. Why Next.js Builds Time Out on Vercel
  59. React Developer vs. Next.js Developer: What Actually Changes in Production
  60. Backtracking Decision Trees: Solving 'Combination Sum'
  61. GEO vs. SEO: Where They Overlap, and Where They Don't
  62. Next.js Site Broke After Deploy: A Production Triage Checklist
  63. Solving the 'Jump Game' Problem with Greedy Algorithms
  64. Memoization in JavaScript: Optimising Function Calls
  65. Next.js Proxy Replaces Middleware: What Changes in Practice
  66. CMS Content Not Updating in Next.js
  67. Dynamic Programming in LeetCode: Solving 'Coin Change'
  68. Handling API Routes in Next.js: When to Use Server Actions vs. API Routes
  69. LeetCode: Finding the Diameter of a Binary Tree
  70. Headless CMS SEO Controls Checklist
  71. Topological Sort: Solving the 'Course Schedule' Problem
  72. Enterprise AI Delivery Starts After the Pilot
  73. Technical SEO Launch Criteria for a Next.js Migration
  74. What GEO is, and Why It is Not Just SEO for AI
  75. Understanding the Module Pattern in JavaScript
  76. How to Compare Rendered HTML Before and After a Migration
  77. Multi‑Source BFS: Solving the 'Rotting Oranges' Problem
  78. Caching Across React, Next.js and Serverless Applications
  79. Traffic Dropped After a WordPress to Next.js Migration: What to Check First
  80. Agentic Systems Do Not Fix Weak Service Boundaries
  81. WordPress to Next.js Migration Checklist for Content, Preview and SEO
  82. Quickselect in TypeScript: Solving 'Kth Largest Element in an Array'
  83. Practical Use Cases for JavaScript Set and Map
  84. Next.js Sitemap, Robots, and Crawlability Debugging Checklist
  85. Find Peak Element: Binary Search Without a Fully Sorted Array
  86. Deep Tech Needs Translation, Not Simplification
  87. Why JavaScript Pages are Crawled but Not Indexed
  88. Graph Traversal: Solving the 'Course Schedule' Problem
  89. React SPA to Next.js Migration Checklist for SEO and Indexing
  90. Dev Match Ltd., James McConnell, and the Refund That Never Came
  91. Testing Vue Components with Vue Test Utils
  92. Modified Binary Search: Solving 'Search in Rotated Sorted Array'
  93. Greener Software is Mostly Less Waste
  94. LeetCode: Solving the 'Merge Two Sorted Lists' Problem
  95. Binary Search on the Answer: Solving 'Koko Eating Bananas'
  96. Understanding Tail Call Optimisation in JavaScript
  97. Understanding WeakMap and WeakSet in JavaScript
  98. JavaScript Symbols: When and Why to Use Them
  99. React's Virtual DOM vs. the Real DOM
  100. Best Practices for Vue Router in Large Applications
  101. How JavaScript Handles Memory Management and Garbage Collection
  102. Implementing Server‑Side Rendering (SSR) in Vue
  103. Monotonic Stack: Solving the 'Daily Temperatures' Problem
  104. Generate Parentheses in TypeScript: A Clean Backtracking Walkthrough
  105. Implementing a Trie in TypeScript: Solving 'Implement Trie (Prefix Tree)'
  106. Building Efficient Recursive Functions in JavaScript
  107. The Execution Context in JavaScript
  108. Optimising Performance in React with useMemo and useCallback
  109. Solving the LeetCode 'Binary Tree Zigzag Level Order Traversal' Problem
  110. When Next.js 15.5.5 Middleware Does Not Fire in Pages Router
  111. Optimising Next.js Performance with Incremental Static Regeneration (ISR)
  112. Reverse an Array in JavaScript
  113. Preventing and Debugging Memory Leaks in React
  114. Creating Custom Vue Directives for Enhanced Functionality
  115. Breadth‑First Search: Solving Binary Tree Level Order Traversal
  116. Prefix Sums and Hash Maps: Solving 'Subarray Sum Equals K'
  117. Container Queries in CSS
  118. Building a Headless CMS‑Powered Site with Next.js
  119. Sorting Complex Arrays in JavaScript
  120. Understanding the Backtracking Approach: Solving the 'Word Search' Problem
  121. CSS aspect‑ratio for Responsive Layouts
  122. Fast and Slow Pointers: Solving the 'Linked List Cycle' Problem
  123. Building Multi‑Tenant Applications with Next.js
  124. Single Number in TypeScript with Bit Manipulation
  125. From Netlify Deploys to Vercel Pipelines
  126. Ethical AI, Sustainability and the Future of Web Development
  127. Building a Custom Vue 3 Composable Using the Composition API
  128. Redirect a Default Vercel Subdomain to Your Custom Domain
  129. Grid Traversal: Solving the 'Number of Islands' Problem
  130. Vue's provide/inject API: When and How to Use It
  131. Ethical AI in Web Development: AI's Impact on Developers and the Industry
  132. Vue 3 Reactivity: Proxies vs. Vue 2 Reactivity
  133. Understanding the Difference Between <b> and <strong>
  134. Optimising Vue.js Performance with Lazy Loading and Code Splitting
  135. Sliding Window Fundamentals: Solving 'Longest Substring Without Repeating Characters'
  136. Using Next.js Proxy for Route Protection
  137. Control CSS Container Layouts with place‑content
  138. Fixed Quote, Day Rate, or Retainer: Buying Senior Web Development Work
  139. When Static Generation Stopped Being Simple
  140. Simplify Your Layout CSS with place‑items
  141. Optimising Angular Forms: Template‑Driven vs. Reactive Forms
  142. From Liquid Templates to Headless Storefronts
  143. Converting Between Camel, Snake, and Kebab Case in JavaScript
  144. LeetCode: The 'Trapping Rain Water' Problem with Two‑Pointer Approach
  145. AI in Web Development: Useful, but Not Magic
  146. Lazy Loading in Angular: Optimising Performance
  147. A Brief Look at JavaScript's Temporal Dates and Times API
  148. Next.js vs. Remix: Understanding the Key Differences
  149. Horizontal & Vertical Scanning: The Longest Common Prefix Problem
  150. Intervals in Practice: Solving the 'Merge Intervals' Problem
  151. Understanding the CSS :where() Function
  152. Understanding Signals in Angular: The Future of Reactivity
  153. Generating Email Addresses from Public Data is Illegal
  154. Using Vue's Suspense for Asynchronous Components
  155. Declarative vs. Imperative Programming
  156. Prefix and Suffix Products: Solving 'Product of Array Except Self'
  157. Currying in JavaScript Explained
  158. LeetCode: Removing the nth Node from the End of a List
  159. Building Custom Directives in Angular
  160. Gatsby and Contentful: Why the Pair Worked
  161. Owasp Top Ten: What Web Engineers Should Know
  162. The Palindrome Number Problem: Strings vs. Maths in JavaScript
  163. Building Design Systems for Web Applications with Figma, Storybook, and npm
  164. Caching Strategies for Data Fetching in Next.js
  165. What are Higher‑Order Components in React?
  166. Object Control in JavaScript: defineProperties()
  167. The JavaScript map() Method
  168. Angular Standalone Components: Do We Still Need Modules?
  169. React's Reconciliation Algorithm Explained
  170. Finding the Median of Two Sorted Arrays with JavaScript
  171. Understanding Event Loop and Concurrency in JavaScript
  172. Exploring the call() Method in JavaScript
  173. The Role of Dependency Injection in Angular
  174. Understanding Short‑Circuiting in JavaScript
  175. Finding the Difference Between Two Strings in JavaScript
  176. Using Vue's Teleport for Modals and Portals
  177. Tips for Managing Memory in JavaScript
  178. Understanding the Difference Between 'Indexes' and 'Indices'
  179. Best Practices for Angular Routing and Lazy Loading
  180. Track Element Visibility Using Intersection Observer
  181. Deep‑Cloning vs. Shallow‑Cloning in JavaScript
  182. Component Apis Before React Hooks Settled
  183. Mastering JavaScript Iterators and Generators
  184. Access Search Parameters in Next.js SSR'd Layout
  185. Freelancer, Agency, or Lead‑Level Contractor: Which Fits a Serious Web Platform Project?
  186. Flattening Arrays in JavaScript
  187. Unit Testing in Angular: Writing Effective Tests
  188. Delete All Local Git Branches Except for master or main
  189. Use JavaScript to Find the Week Day from a Date
  190. Dynamic Sizing with CSS clamp()
  191. Understanding Object Types with JavaScript's instanceof
  192. Implementing Authentication in Next.js Using NextAuth.js
  193. Understanding Transient Props in styled‑components
  194. reduce() in JavaScript
  195. Creating Progressive Web Apps (PWAs) with Angular
  196. Dynamic Sizing with CSS max()
  197. Object Equality in JavaScript: {} isn't Equal to {}
  198. Pure Functions in JavaScript
  199. Understanding the Composition API in Vue 3
  200. Dynamic Sizing with CSS min()
  201. Testing the Content of JSX Data in Cypress
  202. Angular Change Detection: How It Works and How to Optimise It
  203. How View Source Stopped Being Enough
  204. Validating Parentheses Input Using TypeScript
  205. Dynamic Calculations in CSS Using calc()
  206. Leveraging .then() in Modern JavaScript
  207. Stopping Propagation vs. Preventing Default in JavaScript
  208. Solving the 'Letter Combinations of a Phone Number' Problem with TypeScript
  209. Creating Custom Viewport Units Instead of Using vh and vw
  210. Introducing Seeded Randomisation into an SSR Gatsby Project
  211. LeetCode: Converting Roman Numerals to Integers
  212. LeetCode: Converting Integers to Roman Numerals
  213. Staying Current: Automating Copyright Year Updates
  214. Repetitive Asynchronous Tasks with JavaScript's setInterval()
  215. Dynamic Navigation with React Router
  216. Understanding and Solving Regular Expression Matching
  217. LeetCode Container with Most Water: The Two‑Pointer Solution
  218. How Much Do Software Engineers Make in the UK?
  219. JavaScript Build Tools Before Framework Clis Took Over
  220. Top Reasons to Work with a Local Web Developer in Brighton
  221. Is a Software Engineer High Paying?
  222. Understanding prototype.apply() in JavaScript
  223. The Longest Palindromic Substring in JavaScript
  224. Enhancing Web Typography with text‑wrap: balance
  225. Using JavaScript and the Two‑Pointer Technique to Solve 4Sum
  226. The Power of text‑wrap: pretty
  227. When jQuery Plugins Became Front‑End Debt
  228. JavaScript's hasOwnProperty() Method
  229. 3Sum Closest in JavaScript: Sorting and Two Pointers
  230. Removing Duplicates from a JavaScript Array ('Deduping')
  231. Add Two Numbers in TypeScript: A LeetCode Linked List Solution
  232. Trigonometric Functions in CSS
  233. 3Sum in JavaScript: Two Pointers After Sorting
  234. JavaScript's typeof Operator: Uses and Limitations
  235. Will AI Replace Front‑End Developers?
  236. Rethinking Carousels: Going Around in Circles
  237. Differences Between Falsy and Nullish Values in JavaScript
  238. parseInt in JavaScript: The Significance of Radix
  239. Longest Substring Without Repeating Characters in JavaScript
  240. Valid Palindrome in JavaScript: Two Pointers and Normalisation
  241. Build‑Time SEO Checks in Gatsby
  242. Harnessing the Power of Function.prototype.bind()
  243. Automatically Generate Text Sitemaps in Gatsby
  244. Harnessing JavaScript's defineProperty()
  245. String to Integer (atoi): Decoding Strings in JavaScript
  246. JavaScript Array Manipulation: slice() vs. splice()
  247. Understanding the Nullish Coalescing (??) Operator in JavaScript
  248. Understanding setTimeout() in JavaScript
  249. The LeetCode Zigzag Conversion Problem in TypeScript
  250. Common Accessibility Pitfalls in Web Development
  251. Sorting Objects in JavaScript
  252. Commenting in Front‑End Languages
  253. Return the Length of Arguments Passed in JavaScript
  254. Dynamic Array Manipulation with JavaScript's splice()
  255. Swearing in the Workplace
  256. LeetCode: Reversing Integers with JavaScript
  257. Using the filter() Method in JavaScript
  258. Manipulating Strings in JavaScript with split()
  259. Check If Today is Between Two Dates in JavaScript
  260. JavaScript String Manipulation: substring() vs. substr()
  261. Solving the LeetCode Two Sum Problem Using JavaScript
  262. Why We Use an Empty Dependency Array in React's useEffect Hook
  263. Mastering JavaScript's slice()
  264. Understanding JavaScript's sort() Method
  265. Responsive JavaScript and the matchMedia Method
  266. Unravelling JavaScript: Commonly Misunderstood Methods and Features
  267. The will‑change Property in CSS
  268. Using the Modulo Operator in JavaScript
  269. Throttling Scroll Events in JavaScript
  270. What A Levels Do You Need for Software Engineering?
  271. How to Handle Multiple Named Exports in One JavaScript File
  272. Why Remote Work Did Not Make Brighton Web Developers Less Local
  273. How to Import All Named Exports from a JavaScript File
  274. Check If a String Contains Only Whitespace with JavaScript
  275. Keeping Gatsby Build Times Under Control
  276. Higher‑Order Functions in JavaScript
  277. Improve Page Performance with content‑visibility
  278. Resolving mini‑css‑extract‑plugin Warnings in Gatsby
  279. The End of Internet Explorer
  280. Using Container Queries in CSS
  281. position: sticky in CSS
  282. Using the CSS :has Pseudo‑Class
  283. Spread Syntax in JavaScript (...)
  284. The Safest Way to Test for NaN in JavaScript
  285. When to Use var or let or const
  286. Local SEO is a Technical Problem Too
  287. What is a Distributed Denial of Service (DDoS) Attack?
  288. Gatsby & GraphQL: Nodes vs. Edges
  289. HTML Video and the preload Attribute
  290. Why You Should Not Use Protocol‑Relative URLs
  291. Can I Learn Front‑End Development in 2 Months?
  292. Where to Find Jobs in Web Development
  293. localStorage in JavaScript
  294. Detecting Breakpoints in React Using Chakra UI
  295. How to Improve Your Time to First Byte (TTFB)
  296. Optional Chaining in JavaScript (?.)
  297. Semantic HTML
  298. Positioning in CSS
  299. Why is Time to First Byte (TTFB) Important?
  300. Automatically Submit Sitemaps to Google During Gatsby Build
  301. Margin Collapse in CSS
  302. Use CSS to Change the Mouse Cursor
  303. Exploring CSS Viewport Units Beyond vw and vh
  304. Cleaning up Your JavaScript Code: The Double Bang (!!) Operator
  305. Performance Lessons from Small Brighton Websites
  306. Web Development and the Environment
  307. Understanding and Using Flexbox in CSS
  308. React vs. Vue vs. Angular
  309. Specificity in CSS
  310. Static Site Generators
  311. Use Chrome's Developer Tools to Track Element Focus
  312. 10 Essential SEO Tips for Front‑End Developers
  313. All About Headless CMSes
  314. How to Amend Git Commits
  315. A Beginner's Guide to Web Hosting
  316. Planning Content Models for a Headless CMS
  317. What Makes a Great JavaScript Developer?
  318. Do Websites Need to Look the Same in Every Browser?
  319. Adaptive vs. Responsive Design & Development
  320. What Skills are Required for a Front‑End Developer?
  321. What is an HTML Entity?
  322. Flexbox vs. grid
  323. Renaming and Destructuring Variables in ES6
  324. How to Choose a React Developer
  325. Create Arrays of Any Size with Placeholder Content in JavaScript
  326. The Quirks of z‑index
  327. How to Rename Local and Remote Git Branches
  328. How to Hire a JavaScript Developer
  329. ReferenceError: Window is Not Defined in Gatsby
  330. Life as a Freelance Developer in Brighton
  331. Has Google Killed AMP?
  332. Ethical Web Development II: Accessibility and Inclusivity
  333. How to Hire a Freelance Front‑End Developer
  334. Changing the Colour of Placeholder Text
  335. Ethical Web Development I: Privacy, Consent and Security
  336. Git is a Little Bit Like a Diary
  337. UK Freelance Front‑End Developer Rates in 2021
  338. The Differences Between Lead and Senior Roles in Front‑End Development
  339. Block Bad Bots Using .htaccess
  340. What Does Front‑End Development Mean?
  341. Front‑End Web Development: A Beginner's Introduction
  342. Access CSS Variables from a Database via db‑connect
  343. Incremental Static Regeneration and CMS Publishing Freshness
  344. Installing Gatsby onto an M1 MacBook Air
  345. React: Functional, Class, and Pure Components
  346. What Does a Software Engineer Do?
  347. How to Find Your First Web Developer Job in the UK
  348. Preview Mode in Next.js with a Headless CMS
  349. Detecting and Dealing with Website Theft
  350. Sort the Keys of an Object with JavaScript
  351. Previewing CMS Content in Gatsby Workflows
  352. Disabling Gatsby Telemetry
  353. Removing p Tags from Contentful List Items
  354. Rendering CMS Rich Text Safely in Gatsby and React
  355. Rendering Contentful Rich Code Snippets in Gatsby
  356. Why Gatsby and Contentful Work Well Together
  357. What are Array‑Like Objects in JavaScript?
  358. Replace Inline Styles in Gatsby with an External CSS File
  359. Why Choose Me as a Brighton and South East Web Developer
  360. Disabling Source Maps in Gatsby for Production
  361. Image Optimisation with next/image
  362. Responsive Images for Faster Front‑End Pages
  363. Optimising gatsby‑image Even Further
  364. Using Regex to Replace Numbers in a String
  365. Intercepting Clipboard Events with JavaScript
  366. Dynamic Imports and Code Splitting in Next.js
  367. Accessibility in Reusable Front‑End Components
  368. Adding Static Files to a Gatsby Site
  369. CSS Focus Styles for Keyboard Users Only
  370. Keeping Gatsby Builds Predictable
  371. Parent Selectors in CSS and Sass
  372. Automatically Deploy a Static Gatsby Site via FTP
  373. Using JavaScript to Avoid Orphans
  374. Understanding getStaticPaths in Next.js
  375. Using CSS to Deal with Widows
  376. Use Greater‑Than and Less‑Than Symbols in JSX
  377. Using getStaticProps with CMS Data
  378. Reducing Image Brightness with CSS
  379. Commenting in JSX
  380. getStaticProps vs. getServerSideProps in Next.js
  381. Creating a Discernible Name for Icon Links
  382. Static Generation with CMS Content and Build‑Time Data
  383. Interpolation: Sass Variables Inside calc()
  384. Building Custom Hooks in React
  385. What is a Static Site Generator?
  386. Deploying Static Front Ends with Netlify and Build Hooks
  387. Static Generation vs. Server‑Side Rendering in Next.js
  388. Redirect a Default Netlify Subdomain to Your Custom Domain
  389. Break Out of CSS Nesting with Sass
  390. Advanced Sass: Loops
  391. Using Storybook to Document Front‑End Components
  392. Hiding Empty Elements with CSS
  393. Disabling Text Selection Highlighting with CSS
  394. Alternative Text in the CSS content Property
  395. Prepending PHP to a Page in Gatsby
  396. Automatically Generate urllist.txt from sitemap.xml
  397. Conditional HTML for Browsers Other than Internet Explorer
  398. Throttling vs. Debouncing in JavaScript: Managing Event Frequency
  399. How to Replace All Instances of a String in JavaScript
  400. Understanding Element Dimensions in JavaScript: Width and Height
  401. Managing Design Values in Front‑End Code
  402. How to Use and Clear the CSS float Property
  403. Using display in CSS
  404. How to Use grid in CSS
  405. useReducer in React
  406. Check If Three Values are Equal in JavaScript
  407. Toggle a Boolean in JavaScript
  408. Dynamic Routes in Next.js
  409. 301 vs. 307 Redirects
  410. JavaScript's Math.random()
  411. Shopify Theme Constraints with Liquid
  412. useRef in React
  413. Using Liquid Templates in E‑Commerce Front Ends
  414. Exploring the Liquid Templating Language
  415. React Hooks: Modern State Management
  416. Checking Rendered HTML for JavaScript Pages
  417. Class vs. Functional Components in React
  418. Advanced Techniques for Responsive Web Design
  419. Client‑Side Rendering and Search Visibility
  420. Custom _app and Custom _document in Next.js
  421. The JavaScript Event Loop: A Beginner's Guide
  422. Creating Interactive User Interfaces with HTML, CSS, and JavaScript
  423. Simplify Asynchronous JavaScript with async/await
  424. How to Prevent Race Conditions in JavaScript with AbortController
  425. Best Practices for Cross‑Browser Compatibility
  426. Using next/link for Client‑Side Navigation
  427. Event Delegation in JavaScript
  428. The React Context API: When to Use It and When Not to
  429. JavaScript Rendering and SEO Checks
  430. Merging Multiple Objects in JavaScript
  431. Front‑End Risks in Drupal Template Work
  432. Event Bubbling vs. Capturing in JavaScript
  433. SEO Risks in WordPress Theme and Plugin Work
  434. Leveraging JavaScript Frameworks for Efficient Development
  435. The Fetch API for Beginners: Get, Post, JSON, and Errors
  436. Making CMS Templates Maintainable with HTML, CSS, and JavaScript
  437. Tagged Template Literals in JavaScript
  438. Technical SEO Checks for CMS Templates
  439. Escaping and Unescaping Special Characters in JavaScript
  440. Integrating CMSes with HTML, CSS, and JavaScript
  441. React Error Boundaries Explained
  442. Manipulate Elements with CSS transform
  443. Object.keys(), Object.values(), and Object.entries() Explained
  444. Single or Double Colons in CSS Pseudo‑Elements (:before vs. ::before)
  445. CSS box‑sizing: Controlling the Element Box Model
  446. Understanding File‑System Routing in Next.js
  447. JavaScript Hoisting: Variables, Functions, and More
  448. Closures in JavaScript: The Key to Lexical Scope
  449. Static Methods vs. Instance Methods in JavaScript Classes
  450. Understanding the :hover Pseudo‑Class in CSS
  451. The Value of Choosing a Web Developer Near You: Customised Solutions for Local Success
  452. Using Viewport Units in CSS: vw and vh
  453. Mutation vs. Immutability in JavaScript Arrays and Objects
  454. Array.includes() vs. indexOf() in JavaScript
  455. React Portals Explained
  456. Enhancing User Experience with CSS and JavaScript Animations
  457. CSS Animations: Transitions vs. Keyframes
  458. React Fragments Explained
  459. Building Responsive Navigation with CSS and JavaScript
  460. Understanding Media Queries in CSS
  461. Setting Front‑End Performance Budgets
  462. Optimising Website Performance with HTML, CSS, and JavaScript
  463. Mastering CSS Animations with @keyframes
  464. extends and super in JavaScript Classes
  465. JavaScript Essentials for Freelance Web Developers
  466. Some of the Most‑Misunderstood Properties in CSS
  467. ::before and ::after Pseudo‑Elements in CSS
  468. Promise.all() vs. Promise.race() in JavaScript
  469. Generators in JavaScript: A Beginner's Guide
  470. Building Polyfills for JavaScript Array and String Methods
  471. JavaScript Error Handling Patterns
  472. The CSS overflow Property
  473. The Difference Between JavaScript Callbacks and Promises
  474. Array.find(), Array.some(), and Array.every() in JavaScript
  475. Understanding CSS Transitions
  476. Object.is() vs. Strict Equality in JavaScript
  477. What is CORS and Why is My JavaScript fetch Blocked?
  478. Bem and Sass for Component CSS
  479. Creating and Dispatching Custom Events in JavaScript
  480. Mastering CSS for Freelance Web Development Projects
  481. Organising Sass with Partials and Mixins
  482. What are CSS Preprocessors, and Why Should You Use Them?
  483. Fundamentals of HTML: A Guide
  484. Object.freeze(), Object.seal(), and preventExtensions()
  485. CSS visibility: Hiding Elements Without Affecting Layout
  486. Controlling Element Transparency with CSS opacity
  487. Optimising HTML Markup for SEO
  488. Number.isNaN(), Number.isFinite(), and Number.isInteger() in JavaScript
  489. Browser vs. Node.js in JavaScript: Why Code Works in One and Fails in the Other
  490. Understanding CSS Positioning
  491. Promises in JavaScript: An Introduction
  492. Function Declarations vs. Function Expressions vs. Arrow Functions
  493. Rest and Spread Operators in JavaScript: A Beginner's Guide
  494. Template Literals in JavaScript: Writing Multi‑Line Strings
  495. String.startsWith(), endsWith(), and includes() in JavaScript
  496. Understanding Phantom window.resize Events in iOS
  497. for...in vs. for...of in JavaScript
  498. JSON.parse() and JSON.stringify() Explained for Beginners
  499. Default Parameters in JavaScript in More Depth
  500. Array.from() and Array.of() in JavaScript
  501. Default Parameters in JavaScript: A Guide
  502. Understanding Arrow Functions in JavaScript
  503. The arguments Object vs. Rest Parameters in JavaScript
  504. Why HTML Form Values are Always Strings in JavaScript
  505. Object Property Shorthand and Computed Property Names in JavaScript
  506. null and undefined in JavaScript
  507. Exporting and Importing Using ES6 Modules
  508. Object.assign() in JavaScript: Merging and Shallow Copies
  509. Using Feature Detection in Front‑End Development
  510. Rendering Lists in React and Why Keys Matter
  511. The Difference Between == and === in JavaScript
  512. Classes in JavaScript: An Introduction
  513. Comparing Arrays in JavaScript
  514. Writing Safer JavaScript for Older Browsers
  515. Immediately Invoked Function Expressions (Iifes)
  516. Understanding call, apply, and bind in JavaScript
  517. Appending and Prepending Items to JavaScript Arrays
  518. How Inheritance Works in the JavaScript Prototype Chain
  519. JavaScript Build Tools and Module Formats
  520. Type Coercion in JavaScript: Implicit vs. Explicit Conversion
  521. Using CommonJS to Implement Modules in JavaScript
  522. Five Tips for Transitioning from Permanent to Freelancing
  523. How to Find the Best Web Developer Near You: A Guide for Local Businesses
  524. Controlled vs. Uncontrolled Components in React
  525. Why this Changes in JavaScript Event Handlers and Methods
  526. Looping in JavaScript ES5 and ES6: forEach and for...of
  527. Asynchronous Module Definition (AMD) in JavaScript
  528. Keeping jQuery Plugins Maintainable
  529. Getting Started with Callbacks in JavaScript
  530. Primitive vs. Reference Types in JavaScript
  531. Lifting State up in React
  532. Check If Your Site is Running on localhost
  533. When to Use a jQuery Plugin and When to Write Your Own
  534. Five Tips on How to Be a Good Web Developer
  535. Dynamically Create a Script Element with JavaScript
  536. How to Read JavaScript Errors and Stack Traces
  537. Pass by Value vs. Reference in JavaScript
  538. Accessing a Random Element from an Array Using JavaScript
  539. Why Hiring a Local Web Developer Near You Matters
  540. Get the Number of Years Between Two Dates with PHP and JavaScript
  541. Using data‑* Attributes and dataset in JavaScript
  542. Writing JavaScript That Still Works Without jQuery
  543. DOM Traversal: closest() in Vanilla JavaScript and jQuery
  544. Using classList in JavaScript: add(), remove(), toggle(), and contains()
  545. Progressive Enhancement with jQuery
  546. !important in CSS
  547. Handling Click Events in JavaScript
  548. DOMContentLoaded vs. load in JavaScript
  549. Why querySelector Returns null in JavaScript
  550. How to Check an Element Exists with and Without jQuery
  551. A Simple Popup Window Using jQuery
  552. Setting CSS Blur Filter to Zero on a Retina Screen