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?Web 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 siteWeb 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 designerWeb 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
