Ethical Web Development I: Privacy, Consent and Security
Why web developers are responsible for protecting user privacy, rejecting manipulative consent patterns and building secure, maintainable websites.
Articles, page 17 of 27
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
Ethical Web Development I: Privacy, Consent and Security. 
Git is a Little Bit Like a Diary. Git is a Little Bit Like a Diary
Git is version control, but it also gives you a running record of how work evolved. This article uses that diary analogy to make Git less abstract.
UK Freelance Front‑End Developer Rates in 2021. UK Freelance Front‑End Developer Rates in 2021
A 2021 guide to UK freelance front‑end developer day rates and how skills, experience, location and project type affected pricing and demand.
The Differences Between Lead and Senior Roles in Front‑End Development. The Differences Between Lead and Senior Roles in Front‑End Development
Lead and senior front‑end roles overlap, but they are not the same job. This article looks at delivery, ownership, mentoring, and decision‑making.
Block Bad Bots Using .htaccess. Block Bad Bots Using
.htaccessBlock bad bots with .htaccess and robots.txt, including why unwanted crawlers waste bandwidth, where rules help, and what to treat with caution too.
What Does Front‑End Development Mean? What Does Front‑End Development Mean?
What front‑end development means, what front‑end developers actually build, and how HTML, CSS, JavaScript, accessibility, and performance fit together.
Front‑End Web Development: A Beginner’s Introduction. Front‑End Web Development: A Beginner's Introduction
Front‑end web development explained through HTML, CSS, JavaScript, UI work, browser behaviour, back‑end integration, and what front‑end developers do.
Access CSS Variables from a Database via db-connect. Access CSS Variables from a Database via
db‑connectIn CSS, db‑connect is a misunderstood but immensely useful technique for connecting to databases directly from vanilla CSS in order to access stored properties.
Incremental Static Regeneration and CMS Publishing Freshness. Incremental Static Regeneration and CMS Publishing Freshness
How Incremental Static Regeneration affects CMS publishing freshness, including rebuild timing, stale pages, previews, and editorial expectations.
Installing Gatsby onto an M1 MacBook Air. Installing Gatsby onto an M1 MacBook Air
Set up Gatsby on an M1 MacBook Air with Xcode, Homebrew, NVM, Node.js, vips, Yarn, the Gatsby CLI, dependency reinstall steps, and native image dependencies.
React: Functional, Class, and Pure Components. React: Functional, Class, and Pure Components
Compare React functional, class, and pure components, including reusable component design, presentation boundaries, legacy patterns, and when each fits.
What Does a Software Engineer Do? What Does a Software Engineer Do?
What a software engineer does day to day, from understanding requirements and writing code to testing, maintenance, teamwork, and long‑term system improvement.
How to Find Your First Web Developer Job in the UK. How to Find Your First Web Developer Job in the UK
A practical guide to finding your first UK web‑development role: learn a stack, build a portfolio, choose a niche and research suitable employers.
Preview Mode in Next.js with a Headless CMS. Preview Mode in Next.js with a Headless CMS
Preview Mode in Next.js explained with a headless CMS, draft content workflows, preview cookies, and how editors can see unpublished pages safely.
Detecting and Dealing with Website Theft. Detecting and Dealing with Website Theft
Website theft is frustrating, but there are practical ways to spot it and respond. This guide covers copied text, copied code, and escalation options.
Sort the Keys of an Object with JavaScript. Sort the Keys of an Object with JavaScript
Sort object keys in JavaScript by extracting entries, ordering keys, rebuilding objects, and understanding when predictable key order is useful.
Previewing CMS Content in Gatsby Workflows. Previewing CMS Content in Gatsby Workflows
Plan CMS preview in Gatsby workflows by setting expectations around draft content, preview builds, webhooks, deployment timing, and editor confidence.
Disabling Gatsby Telemetry. Disabling Gatsby Telemetry
Disable Gatsby telemetry cleanly, with context on what anonymous analytics collect, why teams opt out, and how the setting affects local and CI work.
Removing p Tags from Contentful List Items. Removing
pTags from Contentful List ItemsOne of the quirks of rendering Rich Text from Contentful is that list items come wrapped in paragraph <p> tags. Fortunately, this is a simple one to resolve.
Rendering CMS Rich Text Safely in Gatsby and React. Rendering CMS Rich Text Safely in Gatsby and React
Render CMS rich text safely in Gatsby and React with node mapping, link handling, embeds, headings, validation, and failure‑safe fallbacks.
Rendering Contentful Rich Code Snippets in Gatsby. Rendering Contentful Rich Code Snippets in Gatsby
Contentful rich text and Gatsby work well together until code snippets enter the picture. This guide shows how to render inline and block code cleanly.