scripts
JavaScript is often misused, adding complexity where it isn’t necessary when it should serve to enhance rather than hinder the viewing of content on the web. While it may be required to interact with a web app, it shouldn’t prevent you from reading a simple article.
There is also a lack of transparency in that the average user is oblivious as to what the various scripts in a website are doing in the background.
Here are the ways JavaScript is being used in this site.
timestamps
On project pages, some time-tracker data in the header — upper-right corner on landscape orientations. This includes the time and date the project was last updated. I added a label that displays the elapsed time between that last update and the current time.
This also appears on the homepage footer to indicate how recently was this site updated.
Example:
<output class="t" data-time="2022-08-18T08:23:11.000Z"></output>
tooltips
Tooltips are sprinkled throughout the site. They appear on mouseover and follow the cursor.
Example: Hover over me
<span data-tip="Hello!">Hover over me</span>
Tooltips are currently available for <abbr> elements, footnotes, and internal links.
numbers
Numbers are displayed according to the browser’s locale.
Example: 1.618 1234
<span class="num">1.618</span>
<span class="num">1234</span>
support
All the JavaScript features and Web APIs I may use in this site would be ones compatible with the latest stable release of Firefox.
I may continue to add or remove scripts as this site evolves and will update this page accordingly.