Web-development Hub
Web development best practices, conversion optimization, and technical implementation guides. Build websites that convert visitors.
Why Your Logo Disappears in Dark-Mode Email (One-Line Fix)
Your email logo looks perfect in your editor but vanishes white-on-white in dark-mode inboxes. Here is the raster-bake fix and the one-line CSS guard.
Netlify Site Stopped Updating? Auto-Publish Is Off
Netlify builds go green, deploys say ready, but the live site never changes. The cause is auto-publishing disabled by a forgotten rollback. Here's the fix.
How Orphan PHP Files Hijacked 9 SEO Location Pages
A client's location pages weren't updating despite template changes. The culprit: orphan PHP files overriding the URL rewrite system. Here's how we found them.
How to Use Claude Code Agent Teams: The Complete Guide
Claude Code Agent Teams run AI agents in parallel on complex projects. Real case study: 7 deliverables in 15 minutes across a plumbing franchise.
Claude Code Background Tasks: AI That Works While You Sleep
Claude Code background tasks let AI agents run builds, audits, and research autonomously while you work. Here's how we use async agents.
Claude Code Checkpoints: Instantly Rewind Any Bad AI Edit
Claude Code checkpoints auto-save your code before every AI edit, so you can rewind instantly when a change goes wrong. Here's how to use them.
Claude Code Custom Subagents: Build Specialised AI Workers
Build custom subagents in Claude Code with specialised prompts and tool access. Create SEO auditors, content writers and reusable AI workers.
Claude Code's 7 Best New Features for Building Websites
We used Claude Code's new Agent Teams to audit 20+ sites in parallel. Here are the 7 features every developer and agency needs to know about in 2026.
Claude Code MCP: Connect Your AI to Every Tool
See how Claude Code uses the Model Context Protocol (MCP) to connect your AI to databases, GitHub, analytics, and hundreds of external tools.
Claude Code Plan Mode: Think Before You Build
Claude Code Plan Mode separates thinking from execution. Learn how to use Shift+Tab to plan changes before making them - with real agency workflow examples.
Claude Code Skills: Build Your First One (2026 Guide)
Claude Code Skills turn your repeatable processes into reusable AI instructions any agent can execute. Build your first one, step by step.
Automate Facebook Posting with React and Netlify Functions
Build a scheduled Facebook posting system that captures React components as images and posts them automatically, with Netlify and no paid tools.
AI Dev Session: Carousel Cards & Admin Dashboard
Building social carousel cards, admin dashboard, and fixing a sneaky TOC bug—in 3 hours.
Volume 7: Branding Our Own Blog Series
The meta moment when we built custom branding for the Pink Slips NSW blog series - pink gradients, dual logos, and conditional styling in 2 hours.
Building 500+ Location Pages with AI-Generated Content
Building 790 location pages with AI content, database schema, and SEO implementation.
Multi-Technician Calendar System: Pink Slips NSW Build
Building a multi-technician calendar with drag-and-drop scheduling for Pink Slips NSW, plus the 5 bugs we hit and how we fixed them.
Creating Branded Blog Series: The Pink Slips NSW Case Study
How we built a conditional styling system for branded blog series - one layout, smart overrides, zero code duplication.
Redesigning the JJM Homepage with AI in 45 Minutes
A complete homepage repositioning from generic agency to AI-first - every component updated with new messaging, service names, CTAs, and SEO metadata.
AI Blog Upgrades: Retrofit Features Across Your Archive
How I use AI to add a feature once and apply it everywhere, turning months of blog posts into a living system. No plugins, no templates required.
FAQ Schema, Service CTAs & a Slick Mobile TOC
Adding FAQ schema, service CTAs, and a camera-wheel inspired mobile TOC to blog posts.
Google Ads Conversion Tracking: A $330K WWW Redirect Fix
How a www vs non-www mismatch killed $330K in Google Ads conversions—and the fix that saved it.
AI-Powered Smart Scheduling for Mobile Vehicle Inspections
AI scheduling that clusters appointments geographically, cutting daily travel time by 40%.
Pushing Limits: What Happens When You Let AI Blend Colors
I asked Claude to blend category colors together. Then I kept adding categories to see what would happen. This is about the process of playing with AI.
Build an SEO ROI Calculator with Claude AI
Build an interactive SEO ROI calculator with Claude AI by asking one question: 'What would YOU build?' Here's the step-by-step approach.
Building a Smart Availability Picker in Real-Time with AI
Building an availability calendar for a mobile mechanic with AI—bugs, pivots, and real-time fixes.
Boosting Blog Engagement & Fixing Contact Forms with AI
AI-assisted development to improve blog structure, UX, and lead capture—all in one session.
Building a Buyers Agent Landing Page with AI
How I helped a Newcastle buyers agent go from 1 unqualified lead to 2 qualified leads in week one.
Enterprise Site Migration SEO Playbook
A step-by-step SEO playbook to protect rankings, traffic, and revenue when replatforming or redesigning an enterprise website.
Headless CMS SEO Playbook for High-Growth Teams
Learn how to structure content models, routing, and publishing workflows in a headless CMS without sacrificing SEO performance.
Technical SEO Audit Checklist for High-Performing Websites
Follow this step-by-step technical SEO audit checklist to uncover critical issues, prioritise fixes, and boost search visibility across your entire site.
High-Converting Landing Pages: 12 CRO Tactics That Convert
12 CRO tactics to turn service-business landing pages into qualified-lead engines: value proposition, social proof, form design and trust signals.
Website Design & Development: Best Practices That Convert
Website design and development best practices that drive conversions, lift user experience, and boost your search rankings. Build a site that performs.
Why Your React Table of Contents Goes Missing (And the Fix)
How custom React components can break auto-generated features, and why understanding DOM-based tooling is essential for modern web development.