Site maintenance (2025 edition)

This post is a changelog to keep track of the updates for this site; a reminder to my future self to how I kept it up to date. I previously wrote a site maintenance post (2023).

Comfortable reading by default

Have you ever asked for a bigger font in any app or site and all you got for an answer was that you can do it yourself updating the preferences of your browser or operative system? I have, and I don't buy that.

I already had a bigger font size for the blog to increase the comfortability while reading. So, why would I restrict comfort to one section only?

That's why I decided to make the default font size BIG by default. Because font sizing also works the other way around: if it's too big for you, you can make it smaller with the appropriate setting.

It painlessly works here as my site —like many others— is mostly just text. I consciously avoid using images except for the Case studies section, to support the text.

Vertical rhythm

When first building this version of the site, I toyed around implementing vertical rhythm, but got it broken some time ago and didn't bother fixing it; because I didn't think it was worth the effort.

Now, with two different font sizes —mobile and, well, not-mobile— spacing got also messed up, so I fixed it while trying bringing vertical rhythm back.

I admit it looks great, but I still think it's not worth it. Maybe I can refactor the CSS to make it more portable and automatically adapt to any font size.

You can check it out by adding the class debug to the body HTML element. Or clicking in this trigger link.

Update 2025-01-15 12:42

Fixing it with the following piece of code seemed to fix it before the release of Firefox's Nightly build

li::marker {
  line-height: 1;
}

Update 2025-01-15 11:30

For those using Firefox: there's a bug (seems to be fixed on Nightly as of 2025-01-15) that increases the line-height of <li> elements for half a pixel. The bug affects only list elements, but it can accumulate 0.5px increments that will break the vertical rhythm in those versions of that browser.

Other

Of course, I did some minor stuff since I was at it:

  • CSS: switch to logical margin/padding shorthands; tons of cleanup.
  • Localization fixes: month names were in Spanish; updated section name "Career" (previously "Work").