All and everything from this site in chronological order.
The CSS :has() pseudo-class, aka Parent Selector
Published on
Just in time for the holidays, the CSS :has() pseudo-class has arrived in the Safari technology preview 137, enabled by default. Cool beans! Everybody is pretty excited about this announcement,…
Taba11y - Tab Order Chrome Extension
Published on
A nifty little Chrome extension to display the tab order on a site. Firefox has this feature included out of the box, which can be found unter the “Accessibility” tab in the DevTools panel. …
iOS 15, AirPods Pro and the Boy Who Cried Wolf
Published on
Since upgrading to iOS 15 (at first running the beta, now official 15.2), I frequently receive a notification that my AirPods have been left behind at a previous location. Yet every time I see this…
The Fonts Top 1000
Published on
Another one from the drafts: Fonts of the top 1000 websites, with a few interesting stats like font-family stacks used, font sizes, sans vs. sans-serif font usage and so on.
Unregistering a Service Worker
Published on
After some time, I eventually managed to unregister my service worker on this site, because I kept on running into fetch issues with Kirby’s panel API. I could not figure out what the exact issue…
Understanding Color Blindness
Published on
Came across this older post via the a11y Project archives on Understanding Color Blindness and think that it is still very relevant. Always good to get a better understanding and increase knowledge.
Adding a JavaScript Event Handler (with addEventListener) to Multiple Elements
Published on
There are a variety of use cases for when you might want to add an EventListener with addEventListener to an element to change its native behaviour. Sometimes event handlers need to get attached to…
My Custom CSS Reset
Published on
A nice and simple reset for CSS defaults, which is pretty similar to the very few CSS resets I am using these days. As a personal preference I‘m not removing the margin on all elements, since I…
The Top 10 Web Design Mistakes of 2021
Published on
Jakob Nielsen condemns 10 awful design flaws that plague today's websites, as voted by the audience at his Virtual UX Conference keynote. This short, but good talk about web design flaws of this year…
Tool Tip: Syncthing
Published on
When Dropbox launched in 2007, it was the tool that everyone had been waiting for. Simple file and folder synchronisation between different computers made easy. Over time and like so many others,…
Return to Alfred
Published on
Some software and tools do come and go all the time. Sometimes they return and make a second, or even third appearance in /Applications. After using Alfred.app for years, reduced down in its feature…
Replicating Kirby content with rsync and cron
Published on
For all of my Kirby projects the content folder usually is excluded from the Git repository, and hence the content does not get deployed with new releases. To create a development preview that always…
Web Vitals Patterns
Published on
A collection of common UX patterns optimized for Core Web Vitals. This collection includes patterns that are often tricky to implement without hurting your Core Web Vitals scores. You can use the…
2021 Epson International Pano Awards
Published on
The top-scoring panoramic photos entered in the 12th Epson International Pano Awards have just been announced. The contest showcases the best work of panoramic photographers around the world. There…
Deleting the Kirby Page Cache After Deploying with DeployHQ
Published on
I deploy this site (which runs on Kirby, in case you didn't know) via DeployHQ and it has proven super helpful. I'm really happy with the setup, since I didn't want to move hosting, due to more than…
Volume Controls Reimagined
Published on
A group of bored developers and designers has decided to start a thread on reddit to figure out who can come up with the worst volume control interface in the world: This find can already be…
OpenMoji - An open source icon library
Published on
OpenMoji is a great initiative and open source project from students and professors of the HfG Schwäbisch Gmünd in Germany, that offers—as the name implies—open source emojis (I would rather call…
Color And Contrast
Published on
This is a nice and comprehensive article from Erik looking at color contrast ratios and explains how they work. Even if you don‘t care about the double contrast ticks in DevTools, it‘s worth a read.…
The Provenance Framework
Published on
The open-source rulebook for communicating impact and avoiding greenwashing is a good resource to check against claims made by brands, which often are unclear to what e.g. fully recyclable, climate…
Removing Empty Array Keys in PHP
Published on
TIL how to remove empty array keys that don't hold any value, e.g. when passing multiple query parameters in an array via GET, the array_filter function will help to clean your array. array_filter —…
Kirby 3.6 Image Block with Support for webp, avif & Lazy Loading
Published on
I’ve been running the new Kirby 3.6 alpha for a few versions now and my favorite new feature is the support for AVIF and WEBP image generation. I’m a sucker for better web performance and finally…
Why Web Performance Matters for Your Business
Published on
This article will help you understand how the new Core Web Vitals correlate with key business metrics by exploring examples of companies which have already seen positive impact for their users and…
The CSS :has() Selector
Published on
“ Meet :has, A Native CSS Parent Selector (And More)” is a great roundup of this new selector from the upcoming Selectors Level 4 CSS specification.
Preload, Preconnect, Prefetch
Published on
Recently I’ve been playing around with preload and prefetch to optimise request priorities on uforepublic.com and the below snippet shall serve as a little future sneak peek for myself. The excerpt…
Pantone Color Hong Kong Tram Green
Published on
Such a nice story in these rather depressing times. Recently Pantone Color Institute collaborated with HK TRAMWAYS to create a new signature green shade that pays tribute to the Hong Kong Tram and…