Stream

All and everything from this site in chronological order.

Post type: share Diving into the ::before and ::after Pseudo-elements

This is a very comprehensive post by Will Boyd on the ::before and ::after pseudo-elements which covers basically everything you need to know to make use of them is a variety of scenarios. I…

Post type: Note And That Was That

Some things have to end and this time, after more than three years, it is Colloq.io that we are shutting down at the end of March 2021. It’s quite sad, but at this time the sensible thing to do. It’s…

Post type: Note Return

It's been exactly one year to this day that I posted “ Escaping the Virus ”, which in hindsight makes an interesting read and perspective, because we had no idea what was yet to come… A lot of things…

Post type: share Work with CSS, Instead of Against It

While at first I didn't like the title “ Why is CSS Frustrating? ”, I finally got to read it and it covers a few good points. I think I still don’t like the title much, since it seems to establish an…

Post type: Note Escaping the Virus

It’s been a few weeks that Hong Kong has been hit with the Covid-19 virus situation and since then, life hasn’t been quite the same. Somewhere between worried and not, because chances to get infected…

Post type: Article Targeting Selectors Without a Class Attribute

I recently ran into the issue that I needed to target certain <li> elements whose parent <ul> does not contain a class attribute. I might have been able to solve this issue in a different…

Post type: share Native Lazy-Loading as HTML Standard

Pretty nice that the proposed native lazy-loading for images or rather the loading attribute now made it into the HTML standard . A while ago Chrome started out with this idea and from now on it is…

Post type: Note A New Editor Typeface: JetBrains Mono

A few days ago Addy Osmani shared this new editor typeface: JetBrains Mono . I had a look at it and liked it right away, so I installed it as my new editor font. So far I really like it, and the more…

Post type: share Progressive Enhancement as Approach and Mindset

The most common misunderstanding of progressive enhancement is that it’s inherently about JavaScript. That’s not true. You can apply progressive enhancement at every step of front-end development:…

Post type: share What A Blog Is

Today I had a little time to catch up with the growing list of unread articles in my RSS reader and came across this short post on Marc’s blog. It’s so simple and I wholeheartedly agree. The…

Post type: learned CSS Overflow-x and the Clipping of Borders

I was playing around with CSS transforms on an element with a border, where as a result the border would then overflow the page body. Usually this would not be an issue that the CSS property overflow…

Post type: share 02022020

Today, 02.02.2020, is a special day, because today’s date is a palindrome, which can be read forwards as well as backwards. What makes it even more special is that a date like this will occur only…

Post type: Note What They Say

“A brand is not what you say it is. It’s what they say it is.“ I really like this quote which opens Matthias’ post. I wanted to put this down, just to remember it. Recently Matthias has been putting…

Post type: share Kung Hei Fat Choi - To The Year of The Rat

A happy Chinese new year! Today is already the second day of the lunar new year and this year, it is the year of the rat. It also marks the eleventh CNY to me, which takes it almost full circle in…

Post type: Note Kirby 3.3.3-rc.1

A new year, a new Kirby update, 3.3.3-rc.1. I guess there’s not that much to report, besides the fact that it is available and I’m giving it a spin on this site at the moment. It all seems to work…

Post type: learned Merging Kirby Collections

After yesterday’s post on Digital Gardens and how to possibly arrange information, posts and all that in a better or more interesting and fun way, I started to try a few things. One of the approaches…

Post type: share Digital Gardens

This article and the idea of a “Digital Garden” also got me thinking about the way information could be presented and I like the idea of curating content for sections a bit more. For quite some time…

Post type: share Kirby 3.3.2

I did skip the last update to 3.3.1 because I didn’t find the time, but have finally managed to update my site to the latest Kirby 3.3.2. After the rather huge update to 3.3.0 , the last two releases…

Post type: learned The new CSS :is() pseudo-class

Today I read about the new CSS :is() pseudo-class function and at first thought, that it doesn’t seem helpful and all of what it does can already be achieved without it. I looked at some of the…

Post type: learned Encoding mailto: Subject Lines

I was working on a very simple “email this article as a recommendation” feature, where the user would click a link to open their email client with a pre-populated subject and email body. The link…

Post type: Note Accessibility & Inclusive Components

It took a long time for accessibility to get the deserved recognition it has today and with so many different people using the web, the importance of building accessible interfaces has increased ever…

Post type: Note Dealing with Ads in 2020

Dealing with Ads in 2020 is an interesting look at the problems and challenges of integrating and displaying ads in the best possible way. The article slash case-study from Christian Schaefer…

Post type: Article Synchronising Directories with Unison

Every once in a while I need to get two folders synchronised. In the past I used a synchronisation app to get this done, but somewhere along the way of macOS system updates, it stopped working and I…

Post type: share Who Can Use - Color Contrast Check

WhoCanUse is a helpful tool to test the color contrast of different color combinations and informs you about the contrast ratio and the WCAG grading. While it might not be 100% perfectly accurate, it…

Post type: share City View

Another Hong Kong view that never gets old. Hong Kong seen from the ferry piers during the daily light show.