HTML Experiments

Inline Style Element

A semantic CSS custom element for a red border.

Hello World Custom Element

Prints "Hello World!" within the browser console without modifying the DOM.

Hello World custom element needs JavaScript to run.

Template Element

The template element stores HTML content that is not rendered when the page initially loads.

Audio Element

This audio element demonstrates native browser audio playback.

Video Element

This video element demonstrates native browser video playback.

Canvas Element

The canvas below contains a small JavaScript-generated drawing.

MathML Extra Credit

E = m c^{2}

MathML consists of special tags that allow mathematical formulas and notations to be written on web pages.

JavaScript is disabled. The portfolio content remains available, but the console and canvas demonstrations will not run. The theme picker also cannot override your system color scheme without JavaScript.