Articles

It's All in My <head>

Published:

Last updated:

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.

Read 'It's All in My <head>'

Getting into JavaScript Building & Bundling: Module Types

Published:

Last updated:

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?

Read 'Getting into JavaScript Building & Bundling: Module Types'

Fancy Neon Text Effects with CSS

Published:

Last updated:

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.

Read 'Fancy Neon Text Effects with CSS'