TIL about H₃O⁺ + OH⁻ (superscripts + subscripts)

A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann

TIL about H₃O⁺ + OH⁻
Photo: Herbert Goetsch / Unsplash

H₂O + H₂O ⇄ H₃O⁺ + OH⁻
Photo: Herbert Goetsch / Unsplash

TIL about H₃O⁺ + OH⁻ (superscripts + subscripts)
Photo: Herbert Goetsch / Unsplash

OPENTYPE FEATURES

SUPS AND SUBS

TIL about H₃O⁺ + OH⁻
Photo: Herbert Goetsch / Unsplash

Gunnar Bittersmann
@gunnarbittersmann

1 / 9

Unicode block Superscripts and Subscripts
accessibility concerns: some screen readers don’t announce superscript and subscript characters
HTML elements sup and sub
OpenType features sups and subs and their usage in CSS

Code

The following code examples from the presentation can be tried out live.

https://codepen.io/gunnarbittersmann/pen/eYPEvNB?editors=1100

H₃O⁺ + OH⁻ (superscripts + subscripts)
https://codepen.io/gunnarbittersmann/pen/MWPvGwK?editors=1000

a₂ₖ₋₁, a₂ₙ₊₁ (subscripts)

Resources

The following resources were mentioned during the presentation or are useful additional information.

OpenType features

A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann
MDN: font-variant-position
Buttons korrekt ausrichten

Posting im SELFHTML-Forum
Marketing, mit allen Wassern gewaschen

Michael Bukowski bei Creative Mornings Berlin, 2019-03-15
🎶 (Front-Trends) Save the Last Talk for Me

Lyrics by Gunnar Bittersmann to the tune of “Save the Last Dance for Me”
Performed at Front-Trends conference, Warsaw 2015-05-08