The document discusses supporting MathML markup in browsers to render mathematical equations on web pages. It provides an overview of browser support for MathML over time. It argues that MathML should be fully supported in browsers as it is an important standard for displaying technical content, is supported by authoring tools, and is implemented in some browsers already. Integrating MathML would allow modern APIs and styles to work properly with mathematical content. Initial patches toward full MathML support have begun landing in Chromium-based browsers.

1. Resolving MathML in
Browsers
@briankardell
bkardell.com

2. Being able render and share text and research wasn't really controversial..

3. <math> is the markup standard that lets you render all the maths...

5. Firefox, Safari, Chrome & Opera
200419981994 2012

6. (not exceptionally great ones in some cases)

7. Blink <math>
200419981994 2012

8. Extensible Web Manifesto
200419981994 2012

10. ● Expose low-level capabilities that explain existing features, such as
HTML and CSS, allowing authors to understand and replicate them.
● Develop, describe and test new high-level features in JavaScript, and
allow web developers to iterate on them before they become
standardized. This creates a virtuous cycle between standards and
developers.
- https://extensiblewebmanifesto.org/

11. ..what about MathML?

12. Amazing ecosystem
outside of browsers.
+
Lots of content.

13. ⅔ of browsers support + much desired

14. Integrated into HTML.. even the parser.

15. So in Chromium browsers, your math looks like this..

16. Which should look like this..

17. This is weird stuff to worry about for text.

20. Establish a starting point..
● Supported by tools
● Implemented by other browsers
● Really necessary core fundamentals
● Existing content

21. Resolving mismatches from past

23. Just matching basic modern platform expectations
let el = document.querySelector('math')
el.style.color = 'blue'
el.onclick = () => { … }
/* over 100 things like this didn't work… /

24. Applying modern, testable rigors

28. Good foundations

30. And to drill down with examples… Stretchy characters

34. Preliminary patches have begun landing last week!

35. Thank you!
Check out Fred Wang's talk on YouTube for many more details!
Lend your support!
Come talk to us!