Time Wasted on Tooling
— 878 words — 5 min
It’s incredible how much time I spent on writing and learning about tooling for this blog. I could have finished the post about installing Arch Linux on the Framework laptop long ago. I could have read, edited and posted all the other half-written posts that lie untouched in the drafts folder for ages. Sometimes I come across personal blogs that are simple, adaptive to the screen size, and look good. Usually, they have technical and very well written content. And then I wonder—how do these people write their blogs?
A good example is the blog by Jan Schaumann. It’s simple indeed. No dark mode. The text area is neither too wide nor too small. Text is justified. Code is in monospace. Images and tables look decent. It’s responsive, works on small phone screens and large monitors. Take a look at the post titled Use of HTTPS Resource Records. First, you should know about HTTPS resource records, of course, and second, everything I listed above you’ll find in there. Jan writes his posts directly in HTML. Actually, you can tell (or guess) by looking at the HTML source code—it looks handwritten.
Another example is Dan Luu’s blog. It’s very minimal. Basically no CSS. Text always spans across the whole width of your monitor which is completely unreadable on large monitors. Though I don’t mind resizing the browser—it’s quickly done on sway by opening two terminals to the left and right of the browser—I think that with a little CSS you could make it more readable by default. Some decent text width, perhaps a line spacing of more than one for paragraphs (long text). That’s it. It doesn’t need to be fancy. I asked Dan a couple years ago what he uses to genereate the website and, at the time, it was Hugo. Though, he said, if he started over he would write his own “generator”.
Another minimal blog that offers some CSS customization by the user is
Fefes Blog. By default it’s very minimal with no CSS
style. However, you can customize it by specifying the css
URL parameter https://blog.fefe.de/?css=fefe.css
and setting it to
a filename (that must exist on the server). This will set a cookie in
your browser so that the same CSS layout is used again next time you
visit the page. If you leave the value empty, ?css=
, the cookie is
removed and no CSS is applied. There are quite a few CSS
options (see first paragraph) that you can use nowadays, for
instance the infamous BILD layout. If you’re interested in
how Fefe uses his blog and what his tech stack looks like, you can watch
his recorded talk about Writing Secure Software at 37C3.
There are many other websites that are built in a similar way, often with a static website generators such as Hugo or Zola.
- witcher’s blog
- WhyNotHugo
- Hugo Landau’s Blog. I really like the design of his blog. If you open the XMPP.ru incident post, in the top left corner next to “Home” you can toggle between “Narrow mode” and “Wide mode”. Apparently, he was also aware of the issue of the right text width and solved it rather elegantly by putting a simple button there. Contentwise, I would absolutely recommend the excellent post Cloudflare considered harmful as well as Web-based cryptography is always snake oil.
- Drew DeVault’s blog
- Simon Ser
- Derek Sivers. I know that he writes his posts directly in HTML, too, and uses a template file for new posts. There are many good stories on his blog. I’d recommend his thoughts and rather concrete steps towards tech independence and the post I’m a very slow thinker (I consider myself a slow thinker, too).
- Alexey Guzey. He uses Hugo.
Well, what to make of this now? This blog is generated with Zola. I’m not using any “official” theme. I wrote everything myself and tried to keep it all simple. I’ve got many ideas what I’d like to change and add but if I’ll continue to do that, I’ll get a nice looking blog with no content. And that’s no blog, isn’t it?
So at some point, I’ll add a table-like posts listing that categorizes the posts into “tech” or “world” as you can see on Hugo Landau’s blog. There might be some layout and style changes—as can be expected with blogs 😃. The other ideas will stay ideas for now. I want to focus on finishing all the other half-written posts first.
That’s it for now. As ever, if you have comments, write an email.
Articles from blogs I follow around the net
Status update, July 2024
Hi! This month wlroots 0.18.0 has been released! This new version includes a fair share of niceties: ICC profiles, GPU reset recovery, less black screens when plugging in a monitor on Intel, a whole bunch of new protocol implementations, and much more. Thanks…
via emersion July 16, 2024Whose CIDR is it anyway?
A look at CIDR block ownership from a RIR-, country-, and organization level. Originally presented at RIPE88.
via Signs of Triviality June 12, 2024How and why to make a /now page on your site
Background I used to wonder what my friend Benny Lewis was doing. He has a website and social media accounts, but neither gave an overview of what he’s doing now. Then I realized some people might wonder the same about me. So in 2015, I made a /now page on my…
via Derek Sivers blog May 18, 2024Generated by openring