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.
Articles
JavaScript Building & Bundling: Bundling Tools
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.
JavaScript Building & Bundling: Module Types
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?
Fancy Neon Text Effects with CSS
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.
Creating Oscillators with JavaScript
The Web Audio API is a JavaScript API that allows for complex audio operations in JavaScript, such as creating oscillators or applying audio effects. All modern browsers support it.
This article shows how the Web Audio API can be used to create an oscillator that produces a simple sound. You can try the result on CodePen.