notes

If you’re using a device that supports dark mode, this little blog will now adapt its appearance to match your system settings. With the help of Jeremy Keith’s description, I was able to implement this very quickly. It’s actually incredibly simple. Just drop the following code into your style.css and define whichever CSS properties you want to apply in dark mode. @media (prefers-color-scheme: dark) { /* Dark mode CSS properties go here */ } You might also consider adding a switch to the blog so users can override the default setting. Thomas Steiner explains this quite well here. ...

Every now and then you might want to share a photo that also shows its metadata. For that one use case, Exifshot App is really handy. But beware, it only really works well in Chrome or Firefox. The text was automatically translated from German into English. The German quotations were also translated in sense.

Writing shadows in CSS by hand is possible, but it’s a pain. There have been various tools for years to visually create nice-looking shadows. Another tool is from Philipp Brumm. Smooth Shadow For anyone who doesn’t know what I mean, a simple shadow in CSS can look like this: box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), The text was automatically translated from German into English. The German quotations were also translated in sense. ...

Once again this blog has been a bit neglected. So far I had been blogging with an iOS Shortcut workflow, but it somehow stopped working. I adjusted the process again — technically it worked, but it wasn’t very practical. I briefly googled how others had solved the problem and came across Post from Rosemary Orchard. This workflow uses the stdin input option of the Run Script Over SSH action — in simple terms, it lets you pass input to that action as well as use variables as input in the script section. – Rosemary Orchard von 27. August 2018 ...

How environmentally friendly is your website? The Carbon Calculator tries to estimate this using the following factors. Calculating the carbon emissions of a website is somewhat of a challenge, but using five key pieces of data we can make a pretty good estimate: Data transfer over the wire Energy intensity of web data Energy source used by the data centre Carbon intensity of electricity Website traffic – Website Carbon Calculator Even though I scored a perfect 100%, you shouldn’t take the result too seriously. ...