Playing with initial letters
Dropcaps have been around for a long time both in printed media and the web. On the web it used to be a pain to do it but, hopefully, this is changing with the introduction of the initial-letter...
Using Design Tokens in CSS
Design tokens provide a way to create representations of design assets like colors, fonts, spacing, animations, assets, etc., for styling and building cross-platform user interfaces. One of the...
Playing with border radius
The most frequent uses of border-radius I see are to make images round without modifying the image. .circle-radius { border-radius: 50%; } or to round the corners of a rectangular...
Working with a specific version of node through NVM
I love NVM. It allows me to keep multiple versions of Node installed and available to run as needed for testing and development. However, it is not free of problems and footguns. Some packages are...
Text on a path in SVG and CSS
There are some very interesting things you can do with SVG and, more recently, with CSS to manipulate the way text looks on screen. This post will explore how to do text on a path using SVG and CSS,...
Auto reload content as you work
One of the coolest things I see in tutorials and demos is the automatic reload when files change. This post will explore three ways of setting auto-reload for your front-end projects. These three...
When to use async/await
One of the first things that caught my attention when ES2015 was first released in 2015 were promises. They provide a nice alternative to callbacks and made the code easier for me to reason...
The Wakelock API: worth it?
The Wakelock API presents a way to prevent devices from dimming or locking the screen when an application needs to keep running. For example: Applications like Art Space Tokyo would benefit from the...
Video on the web part 3: HTML
In previous posts we've looked at the theory behind the different formats and codecs you can use for your videos and how to encode video for use on the web. This post will cover the HTML necessary to...
Video on the web part 2: encoding video
In Video on the web part 1: The theory we discussed the theory of video on the web, what containers, audio and video codecs are available and what browsers support them. This post will discuss more...