Current Notebook
Make the first screen obvious
Interface note · revised this winter
- Put the primary action where the eye lands naturally.
- Do not make navigation compete with the page title.
- Let spacing explain hierarchy before adding decoration.
- Test the narrow version before polishing the wide one.
Keep prototypes disposable
Build note · ongoing
- Start with semantic HTML and a real data shape.
- Add JavaScript only where the interaction earns it.
- Prefer a boring file tree to a clever one.
- Write down why the strange parts are strange.
Tools I Reach For
HTMLCSSTailwind CSSJavaScriptPythonSQLiteGitLinux
Small Rules
Readable beats cleverMobile firstUseful defaultsNo mystery buttons
Things on the Desk
A tiny offline field guide
HTML · service worker · indexed data
An experiment in making reference material pleasant to use with poor connectivity and a very small screen.
A better empty state
Interface study · forms
A collection of deliberately plain examples for showing what a screen can explain before a user has created anything.
Printed web pages
CSS · paper
Testing whether a small reference site can remain genuinely useful when printed rather than merely tolerable.