This is the seventh in a series of articles
about writing a small reading list app in Go for personal use.
So far we’ve built a sort-of usable app with Gin. We can see the list of
books we have in the system, and we can add new books. But there are some
serious usability problems:
- there’s no link to the “New Book” page, or to the “Book List” page – you
have to know the URLs and type them in directly
- both the input form and the list suffer from poor layout, almost to the
point of being unreadable
In this article we will fix those issues and set up a foundation so that
future work will have established patterns for styling.
When we’re done you’ll have:
- external CSS and a way to reference it from the pages in the app
- a navbar to be able to easily click around the app
- some options for managing that external CSS with the app’s deployment
Fair warning: I’m not a CSS expert, so don’t assume that anything I’m doing
with the actual CSS is “the right way”. I’m more interested in
demonstrating the mechanisms and patterns that we can use for integrating
these pieces. When I need stuff to actually look nice and be maintainable
and scalable I talk to real designers.