Rebuilding a Silly Web Component
A few months ago I built a fun little experiment of a Web Component, but in today’s post, I’m going to try building it using just CSS.
noteWeb Components
2024 9 posts Permalink ¶
Website Settings
In this post, I’m going to run through how I’m using some exciting new
browser features to power the settings/preferences on my website.
Web Components from early 2024
I’ve been having a lot of fun creating reusable Web Components, so here are three that I’ve built and been using this so far this year.
note<relative-time>
A Web Component to display a relative time. There are many like it, but this one is mine.
<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