I only wanted to do some write-ups of recent projects. Some nice-looking, detailled write-ups. But… on this old and aging website? Naaah. Let’s just rewrite it “real quick”! And maybe revisit some of the cringiest old pages, while I’m at it.
Did I use my procrastination powers to trick myself into doing a huge chore by avoiding two other tasks? Maybe! :)
- I might not need 300K of Bootstrap code, but it sure helped during prototyping the new design.
- 20K CSS directives remain in
- Responsive design by hand is no magic; even after I abolished the full-blown Bootstrap grid system, it was
not too difficult (well, bearable) to get the pages to render nicely in different resolutions, down to my old iPhone SE.
<img>elements still matters as it did in 1995 (avoiding layout pauses and reflows).
- Even with a relatively simple site like this, the navigation concepts will go through some iterations.
- Didn’t know about the expand/collapse functionality offered by the
<summary>elements in plain HTML. Nice!
<mark>tag is cool, too.
- I need a better way to enter typographic quotes under Windows. Too bad I switched to a keyboard without a num block (no more Alt + 0146 for me), and the built-in char picker (Windows key + “.”) is just bonkers.
- Static files and directories with a little PHP glue can get you a long way.
- iOS devices do not playback the sound of
.mp4videos if the audio stream is mp3-encoded; you need to convert the audio stream to AAC. For future reference:
-iold.mp4 -acodecaac -vcodeccopy new.mp4
- I love this stuff. (The low-level craftsmanship of handwriting everything, that is.)