Start with the document, not the layout
A few choices that make a page easier to read, navigate and maintain.
A web development notebook
Make the small
things work well.
A page can look finished and still be awkward to use. These notes are about the details in between: clear structure, readable text, well-behaved images and the next obvious action.
No framework debates or perfect recipes. Just a few practical places to start when something on a website feels harder than it should.
From the notebook
The image is part of the layout
File size matters, but so does what happens before a picture appears.
A spacing system does not need to be complicated
A small set of reusable decisions can be more useful than a large collection of exceptions.
A form should explain what happens next
Labels, errors and confirmation messages are part of the same conversation.
About the notebook
This is a small collection of web development notes, built with ordinary HTML and CSS. Each page takes one question and gives it enough space to be useful.
See how the site is put together or read a little more about it.