Posts Tagged "bna"

See All Tags

Redesigning the Blog Index

bna computing indieweb python

For the sake of readers' eyes, I've redesigned the blog index. This post explains what changed, and why.

Before the Changes

A picture of the blog index before 2020-06-30.

Here are the problems with the "before" picture.

  • Cluttered presentation of notes

    The reader can be told, "This is a note," without nearly as much text as shown at (1). Let's take a lesson from Tufte and not put so much ink on the screen.

    Notes are the foundation on which specialized IndieWeb post types are built, and are so basic they don't even need titles. The note's presentation should get out of the reader's way.

    Furthermore, if there are multiple consecutive notes (not pictured), then, whether they are on the same day or not, the clutter pointed out in (1) makes it hard to tell when the date changes.

Continue reading

Responsive Images and Text

bna upgrade

Responsive web design is the practice of ensuring that website material adapts to the capabilities of the user's device. I've taken some steps in the last couple days to make this site more responsive.

How this benefits you:

  • on mobile, all website text now loads at a device-appropriate size, rather than appearing zoomed-out
  • mobile images now load at a device-appropriate size, saving you from wasting time and mobile bandwidth on oversized downloads
  • images now resize themselves in your display, such as moving from portrait to landscape or shrinking the browser window
  • at smaller screen sizes, lines of poetry now wrap to fit your display, instead of running off the page or requiring you to scroll