Media Demonstrations

Beware of dogs image
Beware of cute golden retrievers!!
This is the Moment by Anthony Warlow
Video: Twelve
Embedded YouTube Video (Silksong speedrun)

Canvas Test

Template Example

The template is hidden by default and demonstrates how dynamic HTML snippets are prepared.

SVG Illustration

Below are a blue circle and a green square drawn with <svg>.

MathML Demonstration

The following equation is written using MathML:

E = m ⁢ c 2
Einstein’s mass-energy equivalence formula: E = mc²

Explanation: Although MathML has existed in HTML for many years, developers rarely used it because browser support was very poor. According to caniuse.com, full native support became widespread only after Chromium-based browsers adopted MathML rendering. Before that, only Firefox supported it consistently.

Custom Elements Demonstration

This is a custom semantic element styled through CSS to highlight its contents in a dashed box.

Next, a “Hello Console” element that logs a message: