FIELD NOTES

Ideas worth building on.

Notes on web development, AI, performance, and search. Clear explanations, implementation choices, and the tradeoffs behind them.

THE ARCHITECTURE QUESTION NOTE / 01
WordPressContent & publishing
×
ReactInterfaces & interaction
START WITH THE CONTENT. CHOOSE THE SYSTEM. AH↗
WEB STRATEGY · 5 MIN READ

WordPress vs React: choose the system your project actually needs.

A practical comparison of editing, rendering, maintenance, performance, and the real cost of a headless setup.

Read the guide
THE READING ROOM

From the developer’s notebook.

THE ARCHITECTURE QUESTION NOTE / 01
WordPressContent & publishing
×
ReactInterfaces & interaction
START WITH THE CONTENT. CHOOSE THE SYSTEM. AH↗
WEB STRATEGY · 5 MIN READ

WordPress vs React: choose the system your project actually needs.

A practical comparison of editing, rendering, maintenance, performance, and the real cost of a headless setup.

Read article
THE EXPERIENCE, MEASURED NOTE / 02
LCPLoading
INPInteractivity
CLSVisual stability
LOAD → INTERACT → STAY STABLE AH↗
PERFORMANCE · 5 MIN READ

Core Web Vitals: a practical workflow for a faster website.

Find the bottleneck, make a focused change, and verify loading, responsiveness, and visual stability.

Read article
THE DEVELOPMENT LOOP NOTE / 03
Human intent
AI assistance
Human review
CONTEXT → ITERATION → VERIFICATION AH↗
AI & AUTOMATION · 5 MIN READ

AI in web development: faster iteration, with a human review loop.

A concrete workflow for useful AI assistance, reviewable changes, validation, and reliable fallbacks.

Read article
THE PRACTICAL GUIDE LIBRARY

More published, implementation-focused field notes.

Each guide below is complete and available to read now. They focus on decisions, checks, and primary documentation rather than placeholder topics.

Abdul Hanan

Written by Abdul Hanan

Multi-Stack Developer working across React, WordPress, technical SEO, performance, and AI-assisted development.

About the author