I’ve been playing around with the WebAudio API. You can generate sounds from it. So I’ve built a synthesizer app with it as a weekend project. How hard can it be?

Reaching a 100% score in Lighthouses performance audit is just the beginning. We can go much further and even optimize for aspects that most automated audits don’t check.

Here are 7 Things I did to massively improve my loading and navigation times.

(Sloth by LillyCantabile)

Inspired by Ben Halperns discussion about webfonts, I decided to take a deep dive into the subject. What are Webfonts, where did they come from and how do we load them as fast as possible?

I don’t use one of the major frameworks to power my site. I instead opted to write my own - and in the process understand what a framework is and how it’s built.

That’s what you do under the Coronavirus Lockdown, right? Rebuilding your personal website.

I’d like to make a point for the separation of concerns in web development.

HTML is a language that’s been created for structuring and linking documents. CSS is for styling said documents. JS provides additional functionality. The three languages are heavily specialized to their intended use. They’re also really good in what they’re supposed to be doing.

But where’s light there’s also shadow. Straying away from their paths means you’d have to accept (or even mitigate) some disadvantages. Let’s take a look at some of those.

I’d like to share with you a handy little code snippet that creates Material Design-like User Avatars. I want to color code my users, so each name has to have a unique color. I’ve seen some lazy approaches that assign a color to each letter of the alphabet, but I want to include numbers and non-latin characters as well. So we need to find a way to support the whole unicode table.