Articles

Recently I did some research on the current best practices for the contents of the head tag of an HTML document. Below you can find a detailed breakdown of how the different sections can or should be structured.

This article aims to take a look at and compare the different tooling choices available for JavaScript bundling.

This is the second part of my series about JavaScript bundling & building. If you haven’t read the first part yet, go check it out.

The last few weeks I did some research on the different ways to bundle JavaScript dependencies, here is what I found out;
Most of the time when working on a project with more than a few lines of JavaScript you’ll want to split up the code into multiple files to make the structure easier to read and understand, or to make testing easier - but how do you manage the actual importing/exporting of your code parts or 3rd party libraries?

This article describes how CSS can be used to make text look like neon signs. For an example, check out my CodePen showcasing this effect.
The neon effect mostly is achieved by using the CSS property text-shadow with multiple layers and a saturated colour, combined with some CSS animations to make it look more realistic.

The most important part is the text-shadow - we won’t use it for an actual shadow, but the blurred colored glow effect of the text. Each line in the value represents one of the radiuses of the glow (e.g. The first part of the value creates a ‘shadow’ with a 10px radius). In most cases we want the inner shadows to be a brighter version of the colour or even white, while the outer ones have a less bright version of the color.

The Web Audio API is a JavaScript API supported by all modern browsers. It allows for complex audio operations in JavaScript, such as creating oscillators, routing audio sources, or applying audio effects.

As a demo, you can check out my collaborative web synthesizer using WebSockets.