Imagine that you have written, prepared and rebased a beautiful Git history with multiple commits for a pull request to an open source project – just to discover that you forgot to apply the code formatter to your newly added code, making it non-compliant with the requirements of the upstream project. Fortunately, as long as your pull request h...

As mentioned in a previous article, I’ve migrated my personal laptop from Windows to a Bluefin-based Linux system – see that article for my rationale as well as an introduction to Bluefin and immutable-image-based Linux systems. Today’s article will be a guide on how to setup your own Bluefin-based image builds using GitHub Actions, so you can h...

Placeholder Images Looking for placeholder images to show off your layout? Picsum.Photos provides a simple placeholder image service. If you’d prefer something cuter, you might like PlaceKitten instead. Color Palette Creation Here are a few useful web tools for creating color palettes: Adobe Color Palettes: Full-fledged color palette cre...

I’ve recently migrated my personal laptop from Windows to Linux, mainly because I did not see any value in purchasing yet another Windows version, when I mainly use it to run cross-platform applications and a web browser. After reading about it somewhere else, I decided to base it on the Bluefin distribution, which is itself based on Fedora Sil...

Manual IMAP commands Imagine you want to modify some folders in your IMAP mailbox, but you don’t currently have a suitable email client at hand (and e.g. your mobile mail client isn’t able to create folders). Fortunately, a command line with telnet/openssl is enough for this task: Because IMAP is a just a very simple, text based protocol over ...

SVG Filter Builders SVG filters are a very nice thing if you want to add some dynamic graphic effects to your website. Coding them purely using XML can be a bit cumbersome, though, and the UI of e.g. Inkscape isn’t that great, either. But fear not, the following great web tools can be used for this task instead: svgfilters.client.io This is a ...

Arithmetic with unit values is quite restricted in CSS. There are many mathematical functions available – like sin(), cos(), pow() and sqrt() – but almost all of them only support unitless values. If you want to calculate something, e.g. to scale the height of an image based on the viewport width, you are therefore restricted to linear relations...

This blog, as well as my other static websites, are all built using Jekyll. It’s a great tool, and really easy to work with, because it takes care of related build steps like compiling your SCSS sources to CSS. While doing some refactoring, I wanted to switch from using a pre-built version of the Bootstrap CSS framework to building it from its S...