Measure per-letter dimension of text in JavaScript TL;DR: Create a Range, set proper start and end points up to the text node with proper offset, then use Range.getBoundingClientRect() to get the dimensions. As a part of the Lyricova Jukebox, we wanted to support inline karaoke swipe animation. With the time tags in the data, it is easy to figure out the time when the animation must reach a certain character. Then we need to figure out a way measure per character dimension for the animation to work. Continue reading Measure per-letter dimension of text in JavaScript
The Making of: Lyricova Screensaver v2 It has been long since last time I post here. This time I’d like to share about how I made the Lyricova Screensaver v2: refractor from my own legacy code. Continue reading The Making of: Lyricova Screensaver v2