<relative-time>
A Web Component to display a relative time. There are many like it, but this one is mine.
Web Components
2024 6 posts Permalink ¶
<event-countdown>
A Web Component to display an event countdown.
<paper-stamp>
A Web Component to display an img as a paper stamp.
<svg-sparkline>
A Web Component for building an SVG Sparkline.
<instant-photo>
A Web Component for presenting an img like an instant photograph.
<theme-selector>
A Web Component to set a site-wide theme preference using a native select element, saved to local storage.
2021 1 post Permalink ¶
<spark-line>
A Web Component to turn an array of integers into a fun little chart.
2019 1 post Permalink ¶
Sparkline Sound-Off
I have been following in the footsteps of Jeremy Keith for a few months now. Dotted around my website, now, are sparklines, representing my activity over time. As an added bonus, a little tune based on the sparkline's values plays when you click on it. With a moderate amount of musical theory under my belt, here's how I accomplished that audio delight.
article