The working notebook / Click and Mortar
A working notebook for developers.
Implementation lessons, motion decisions, automation patterns, and an honest look at AI-assisted development. Built from work we have done, with methods you can inspect and use.
Web design / 5 min read
A four-case homepage experiment separates broken pictures from working navigation, with image-only blocking, keyboard checks and clear handover evidence.
Read the field note : Can visitors still use your website when images fail?AI workflows / 6 min read
Turn a website brief into verifiable agent work with concise project instructions, a downloadable starter kit and a small acceptance-test example.
Read the field note : Project instructions for AI website work: a tested starter kitWeb design / 5 min read
A practical website handover checklist for source code, domain control, hosting, integrations and recovery, with evidence a buyer can ask a developer to show.
Read the field note : Website handover checklist: what you need to own and operate your siteAI workflows / 4 min read
Trace a www versus non-www canonical mismatch with Search Console and HTTP evidence, then verify redirects without claiming an instant indexing fix.
Read the field note : Google chose a different canonical URL: a practical diagnosisLead automation / 5 min read
Diagnose missing website inquiries by separating saved records, notification attempts, provider receipts, and human follow-up before retrying a send.
Read the field note : Form says success but no email arrived: trace the missing handoffAI workflows / 6 min read
A practical launch checklist for AI-built websites: verify facts, mobile behavior, integrations, crawlable content, and the exact release you publish.
Read the field note : How to review an AI-built website before launchWeb design / 7 min read
Use a focused website prototype to start better client conversations. A practical method for prospect research, demo scope, pricing, and a clear handoff.
Read the field note : How to get clients as a vibe-coding web designerLead automation / 4 min read
Build a real estate lead capture workflow that preserves property context, saves inquiries reliably, assigns an owner, and makes follow-up measurable.
Read the field note : How to automate lead capture on a real estate websiteAI workflows / 4 min read
Where Higgsfield fits in a website workflow, how to brief a useful clip, and why layout, readable text, controls, and loading behavior still need code.
Read the field note : Higgsfield for websites: what works and what needs codeWeb design / 4 min read
A practical framework for website motion: give each animation a purpose, keep content usable, respect reduced motion, and test the actual visitor journey.
Read the field note : Useful website animation without the AI slopField Notes / for developers
A short, practical blurb for every new note, with a link to the full method. Web development, useful motion, automation, and lessons from AI-assisted builds. Up to three emails a week.
Developer notes, no sales sequence. Privacy · Prefer RSS?
Learn by building / with Tommy
If you want to get into AI web design or get better at vibe coding, I’d love to help you get started at no charge. Bring a project, a stuck prompt, or a question. I find I learn more by teaching others.
Book a free 30-minute learning callA practical conversation. No experience required.
Clear sources. Specific examples. No invented results.
How we write and check our articlesSubscribe by RSS
