Mastodon

FOSSASIA♿️ Discover how to make STEM content truly accessible on the web using MathML and specialized math fonts — ensuring equations and formulas are readable for allwith Norbert Preining at <a href="https://floss.social/tags/FOSSASIASummit2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSSASIASummit2025</a>🔗 Click here <a href="https://youtu.be/DIwvqSFQtOw?si=UHeOSKUz-n7FoLVZ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://youtu.be/DIwvqSFQtOw?si=UHeOSKUz-n7FoLVZ</a> to watch on the FOSSASIA YouTube channel <a href="https://floss.social/tags/WebAccessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebAccessibility</a> <a href="https://floss.social/tags/STEM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#STEM</a> <a href="https://floss.social/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://floss.social/tags/InclusiveWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InclusiveWeb</a> <a href="https://floss.social/tags/FOSSASIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSSASIA</a>

SteffoMathML gets stripped out from HTML posts :(<a href="https://a.junimo.party/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://a.junimo.party/tags/Chuckya" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Chuckya</a>

Frontend DogmaMarkup Languages, by <a href="https://mas.to/@j9t" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@j9t</a> [@frontenddogma.com]:<a href="https://meiert.com/en/blog/markup-languages/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://meiert.com/en/blog/markup-languages/</a><a href="https://mas.to/tags/overviews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#overviews</a> <a href="https://mas.to/tags/linklists" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linklists</a> <a href="https://mas.to/tags/sgml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sgml</a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mas.to/tags/xml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#xml</a> <a href="https://mas.to/tags/xhtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#xhtml</a> <a href="https://mas.to/tags/hdml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hdml</a> <a href="https://mas.to/tags/dhtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dhtml</a> <a href="https://mas.to/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> <a href="https://mas.to/tags/wml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wml</a> <a href="https://mas.to/tags/chtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#chtml</a>

Deyan GinevMathup: Easy MathML authoring tool with a quick to write syntax.<a href="https://mathup.xyz/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathup.xyz/</a>Lovely new experiment.<a href="https://mathstodon.xyz/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> <a href="https://mathstodon.xyz/tags/math" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#math</a>

™Es könnte sich aber lohnen, das CSS von <a href="https://social.tchncs.de/tags/Mathup" class="mention hashtag" rel="tag">#Mathup</a> zu analysieren. Offenbar biegen sie die eher maue <a href="https://social.tchncs.de/tags/MathML" class="mention hashtag" rel="tag">#MathML</a>-Optik mit Chromium-Browsern etwas besser hin. Etwa die auch hier bereits erwähnten zu kleinen Summen- und Integralzeichen, obwohl man Attribute wie stretchy und largeop verwendet hat.Vielleicht wird unter der Haube auch mit SVG gefrickelt, wie von <a href="https://social.tchncs.de/tags/MathJax" class="mention hashtag" rel="tag">#MathJax</a> bekannt.Der am wenigsten nervige Browser für native Formeln und auch sonst ist noch immer Firefox. 🔥<a href="https://runarberg.github.io/mathup/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://runarberg.github.io/mathup/</a>

™<a href="https://social.tchncs.de/tags/Mathup" class="mention hashtag" rel="tag">#Mathup</a> überzeugt bei ersten Tests nicht mit einem älteren Safari unter iOS 15.8.3. Kann man sich halt nicht immer aussuchen.Dabei hat diese Version kein Problem mit <a href="https://social.tchncs.de/tags/MathML" class="mention hashtag" rel="tag">#MathML</a> an sich. Siehe Auszug zum Code meines Entwickler-Magazin-Artikels (wobei die Klammern höher sein sollten).Etwas Natives mit JS zu simulieren ist wohl eher keine so gute Idee.

™<a href="https://social.tchncs.de/tags/Mathup" class="mention hashtag" rel="tag">#Mathup</a> klingt für mich eher interessant als Hilfsmittel für die statische Erzeugung von <a href="https://social.tchncs.de/tags/MathML" class="mention hashtag" rel="tag">#MathML</a> und nicht als Alternative zu <a href="https://social.tchncs.de/tags/MathJax" class="mention hashtag" rel="tag">#MathJax</a>.Die Stärke von MathML ist ja gerade, sich unabhängig von JS zu machen. <a href="https://mastodon.cloud/@lavxnews/114161647732258039" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://mastodon.cloud/@lavxnews/114161647732258039</a>

LavX NewsTransforming Math with Mathup: A New Era in Mathematical Expression HandlingMathup is revolutionizing how developers handle mathematical expressions in web applications. By simplifying the conversion of intuitive math notation into structured MathML, Mathup presents a lightwe...<a href="https://news.lavx.hu/article/transforming-math-with-mathup-a-new-era-in-mathematical-expression-handling" rel="nofollow noopener noreferrer" target="_blank">https://news.lavx.hu/article/transforming-math-with-mathup-a-new-era-in-mathematical-expression-handling</a><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tech</a> <a href="https://mastodon.cloud/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.cloud/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://mastodon.cloud/tags/Mathup" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mathup</a>

SELFHTML e.V.Heute geht's nicht um KI, sondern nur um πDer Pi Day wird jährlich am 14. März gefeiert. <a href="https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Math/PI" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Math/PI</a><a href="https://bildung.social/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> <a href="https://bildung.social/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svg</a> <a href="https://bildung.social/tags/fedilz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fedilz</a>

Marius GundersenI played around with <a href="https://mastodon.social/tags/viewtransitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewtransitions</a> and <a href="https://mastodon.social/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> yesterday, and made this example of how to animate solving an equation. It was pretty straight forward to get to work, but I wish I had some control over the transitions. Now the elements move in a straight line, it would be cool of i could make them follow an arc. <a href="https://codepen.io/mariusgundersen/pen/EaxvjmQ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/mariusgundersen/pen/EaxvjmQ</a><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Joe CrawfordThanks <a href="https://mastodon.social/@Meyerweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@Meyerweb</a> & <a href="https://mathstodon.xyz/@fractalkitty" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@fractalkitty</a> in particular for helping me understand the uses of both <a href="https://xoxo.zone/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> and <a href="https://xoxo.zone/tags/LaTex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LaTex</a> ( and <a href="https://xoxo.zone/tags/MathJax" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathJax</a> ) at yesterday's <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> Front End Study Hall. I updated <a href="https://lab.artlung.com/mathml/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://lab.artlung.com/mathml/</a> a bit.

™<math> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo>+</mo> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo>=</mo> <msup> <mi>c</mi> <mn>2</mn> </msup>  </math><a href="https://social.tchncs.de/tags/MathML" class="mention hashtag" rel="tag">#MathML</a> <a href="https://social.tchncs.de/tags/Knorkator" class="mention hashtag" rel="tag">#Knorkator</a>

™<a href="https://mastodon.social/@pfsmet" class="u-url mention">@pfsmet</a> Oder länger, aber Browser-kompatibel, in <a href="https://social.tchncs.de/tags/MathML" class="mention hashtag" rel="tag">#MathML</a>:<math> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>1</mn> </mrow> <mn>9</mn> </munderover> <msup> <mi>n</mi> <mn>3</mn> </msup> <mo>=</mo> <mn>2025</mn> </math><a href="https://social.tchncs.de/tags/year2025" class="mention hashtag" rel="tag">#year2025</a>

™Auch hier sieht man sehr deutlich, wie mies Edge aka Chromium mit Integral- oder auch Summen-Zeichen umgeht. Setzt man bei <mo> stretchy="true" largeop="true" ändert sich nichts.Da frage ich mich schon, ob auch mal jemand praktisch-ästhetisch denkt.<a href="https://www.igalia.com/2024/12/17/MathML-2024.html" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://www.igalia.com/2024/12/17/MathML-2024.html</a><a href="https://social.tchncs.de/tags/MathML" class="mention hashtag" rel="tag">#MathML</a>(Siehe: <a href="https://social.tchncs.de/@xmlarbyter/113379756689801627" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://social.tchncs.de/@xmlarbyter/113379756689801627</a>)

™»<a href="https://social.tchncs.de/tags/MathML" class="mention hashtag" rel="tag">#MathML</a> 2024 – Work we did this year, and looking forward« <a href="https://www.igalia.com/2024/12/17/MathML-2024.html" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://www.igalia.com/2024/12/17/MathML-2024.html</a>

Paul L<a href="https://mathstodon.xyz/@christianp" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@christianp</a> <a href="https://types.pl/@pounce" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@pounce</a> That's a nice start. However, I hope we get this further. Ongoing is the task of the Math working group to specify a safe list of elements fo the sanitizer API: <a href="https://github.com/w3c/mathml-core/issues/227" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/w3c/mathml-core/issues/227</a>Once this is done, maybe all of MathML-core will be preserved among the Fediverse instances?It should be noted that MathML-core is supported and displayed in all current browsers, thanks to the work of Igalia. <a href="https://mastodon.online/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a> <a href="https://mastodon.online/tags/sanitizer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sanitizer</a> <a href="https://mastodon.online/tags/webplatfrom" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webplatfrom</a>

™<a href="https://mastodon.design/@rainerklute" class="u-url mention">@rainerklute</a> Word-Formeln als <a href="https://social.tchncs.de/tags/MathML" class="mention hashtag" rel="tag">#MathML</a> kopieren und den Code etwas nachbearbeiten sollte funktionieren.Konkretes Ergebnis in ID noch nicht gesehen, aber das probiere ich mit Studis in der nächsten Woche im Kurs zum Thema.<a href="https://speakerdeck.com/xmlarbyter/formeln-von-welt-ein-uberblick-zu-mathml?slide=22" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://speakerdeck.com/xmlarbyter/formeln-von-welt-ein-uberblick-zu-mathml?slide=22</a>

Liminal witch 🧙‍♀️ Sarah🆕 post: Math in styleBeing a math nerd means that when I learn that a CSS property for MathML made it to the baseline, I have to take a look at it. And I don't care if it has limited uses.<a href="https://www.sarahgebauer.com/post/math-in-style/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.sarahgebauer.com/post/math-in-style/</a><a href="https://hachyderm.io/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://hachyderm.io/tags/mathml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mathml</a>

Ross A. BakerSince v0.132.0, Hugo has experimental support for build-time MathML rendering. I was able to drop my CDN dependency on MathJax.<a href="https://rossabaker.com/configs/website/build-time-math-rendering-in-hugo-with-katex/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://rossabaker.com/configs/website/build-time-math-rendering-in-hugo-with-katex/</a><a href="https://social.rossabaker.com/tags/Hugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Hugo</a> <a href="https://social.rossabaker.com/tags/Katex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Katex</a> <a href="https://social.rossabaker.com/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a>

Andrew HelwerThe sad state of epubs for technical publishing. Inline equations are just blurry raster images. No MathML, no vector art. PDF rendering on the right by comparison. There's a long way to go before textbooks become reflowable. Sample taken from a Manning book.<a href="https://discuss.systems/tags/epub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#epub</a> <a href="https://discuss.systems/tags/MathML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathML</a> <a href="https://discuss.systems/tags/Math" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Math</a>

Recent searches

Search options

Administered by:

Server stats:

#mathml