✦ Blog Page 2 of 3

Development articles.

Web development explained for business owners and marketers: choosing the right platform, building for speed and SEO, and launching without surprises.

Illustration comparing the same photo saved as JPEG, WebP and AVIF, with file size bars getting smaller Development

· 4 min read

WebP or AVIF? Choosing image formats for a faster website

Images are often the heaviest part of a page. When to use AVIF, WebP, JPEG, PNG and SVG, and how to serve modern formats without breaking older browsers.

Read article →
Illustration of three performance gauges for LCP, INP and CLS, all in the green Development

· 5 min read

Core Web Vitals in plain English (and how to pass them)

LCP, INP and CLS shape how fast your site feels and feed into Google's page experience signals. Here's what each one measures and the fixes that help most.

Read article →
Dark illustration of a checklist card with ticks for form, checkout, screenshot and link checks beside a magnifying glass. Development

· 6 min read

Automated website testing: end-to-end, visual and link checks

Which automated tests protect a business website, with a Playwright example and how to run tests on every pull request.

Read article →
Dark illustration of stacked cards for Tailwind utilities, CSS Modules and cascade layers resting on a design tokens card, with a paint brush icon. Development

· 5 min read

Tailwind, CSS Modules or plain CSS: choosing a CSS approach

A practical comparison of Tailwind CSS, CSS Modules and modern plain CSS with layers and custom properties, and how to choose.

Read article →
Illustration of old page URLs redirecting to new ones with a rising traffic line Development

· 5 min read

How to redesign your website without losing your Google rankings

A relaunch is the riskiest moment for your search rankings. Here's the pre-launch and migration checklist we use to protect the organic traffic you've earned.

Read article →
Dark illustration of a grid of glyph cards with a type icon, labelled self-host, subset, preload and match fallback. Development

· 6 min read

Web fonts without layout shift: self-hosting and preloading

Self-hosting, WOFF2, subsetting, careful preloading and size-matched fallbacks to stop custom fonts delaying text or shifting layouts.

Read article →
Dark illustration of a flow from a legacy ERP card through an API layer card to a new frontend card, joined by a plug icon. Development

· 5 min read

API-first architecture: modern frontends on legacy backends

How to put an API layer between old business systems and a new website, then move one part of the site at a time.

Read article →
Dark illustration of three side-by-side cards labelled Static, Server and Regenerate, compared against a small server icon. Development

· 6 min read

SSG, SSR or ISR? Choosing how each page should render

When to use static generation, server-side rendering or incremental regeneration, page type by page type, with a Next.js example.

Read article →
Dark illustration of a code editor card beside a server, with labels for Server Components, use client leaves, use cache and hydration, in teal. Development

· 6 min read

Next.js App Router in production: components, caching, hydration

Keeping client bundles small, avoiding request waterfalls, caching explicitly with Cache Components and fixing hydration mismatches in Next.js 16.

Read article →