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 it should be structured.

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

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 'JavaScript Building & Bundling: Module Types'

Fancy Neon Text Effects with CSS

Published:

Last updated:

This article describes how to use CSS to make text look like neon signs. You can see the result in my CodePen showcasing this effect.

The core of this technique is using the CSS property text-shadow with multiple layers and a saturated color. The text-shadow is not used for an actual shadow, but the blurred and colorful glow effect around the text.
Each line in the value of the property represents one of the radii of the glow (for example, the first part of the value creates a “shadow” with a 10px radius). We want the inner shadows to be a brighter version of the color or even white, while the outer ones have a less bright version of the color.

Read 'Fancy Neon Text Effects with CSS'