Using CSS for rel=sponsored links

Recently, Google announced the rel=sponsored HTML attribute as an alternative to the rel=nofollow attribute. This adds transparency for visitors of your website. And this avoids that Google removes the site from their search index for spammy behaviour. The announcement states: Use the sponsored attribute to identify links on your site that were created as part… more

Customise application fonts in Manjaro Xfce on 4k monitors

Recently I change my monitors from fullHD to 4K. But using the 4k resolution makes everything tiny. So I scale it up 2x (which Apple calls retina). This way you get the fullHD screen size, but with sharper text (and icons if they are vector based). But not all applications automatically adjust the application font… more

Self-invoking functions in PHP

For a small PHP framework that I am refactoring, I needed to isolated variables from the framework in the output. Before, these variables could be called in the PHP templates, if you knew them (or guess them). Also $this was available because the templates are called inside a class. This can potentially introduce security issues,… more

Gracefully ignoring old browsers

New front-end techniques popping up all the time. Because these changes are moving very fast, supporting old browser might seem tedious. But there are some techniques to make this easier. To achieve this, you need to accept that webpages do not need to look the same in every browser. For example, responsive designs have a… more

A HTML5 aria-expanded toggle button

A lot is possible with web standards without using frameworks or libraries. Support in browsers has become very good, compared to a couple of years ago. With the introduction of the document.querySelector, CSS selectors can be used with JavaScript in almost all browsers, including IE8. In the past you would have needed a library like… more