Stream

All and everything from this site in chronological order.

Post type: share The CSS :has() pseudo-class, aka Parent Selector

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,…

Post type: share Taba11y - Tab Order Chrome Extension

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. …

Post type: share iOS 15, AirPods Pro and the Boy Who Cried Wolf

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…

Post type: share The Fonts Top 1000

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.

Post type: learned Unregistering a Service Worker

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…

Post type: share Understanding Color Blindness

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.

Post type: share My Custom CSS Reset

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…

Post type: share The Top 10 Web Design Mistakes of 2021

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…

Post type: share Tool Tip: Syncthing

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,…

Post type: share Return to Alfred

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…

Post type: Article Replicating Kirby content with rsync and cron

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…

Post type: share Web Vitals Patterns

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…

Post type: share 2021 Epson International Pano Awards

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…

Post type: share Volume Controls Reimagined

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…

Post type: share OpenMoji - An open source icon library

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…

Post type: share Color And Contrast

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.…

Post type: share The Provenance Framework

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…

Post type: learned Removing Empty Array Keys in PHP

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 —…

Post type: share Why Web Performance Matters for Your Business

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…

Post type: share The CSS :has() Selector

“ 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.

Post type: share Preload, Preconnect, Prefetch

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…

Post type: share Pantone Color Hong Kong Tram Green

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…