<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title>Javascript - Tag - arleo.eu</title><link>https://www.arleo.eu/en/tags/javascript/</link><description>Javascript - Tag - arleo.eu</description><generator>Hugo -- gohugo.io</generator><language>en</language><lastBuildDate>Thu, 14 May 2026 09:46:31 +0200</lastBuildDate><atom:link href="https://www.arleo.eu/en/tags/javascript/" rel="self" type="application/rss+xml"/><item><title>Postmortem: TypeIt broken by Mermaid in LoveIt theme</title><link>https://www.arleo.eu/en/posts/postmortem-typeit-mermaid/</link><pubDate>Thu, 14 May 2026 09:46:31 +0200</pubDate><author>Jmr</author><guid>https://www.arleo.eu/en/posts/postmortem-typeit-mermaid/</guid><description><![CDATA[<div class="featured-image">
                <img src="/images/postmortem-typeit-mermaid-featured.jpg" referrerpolicy="no-referrer">
            </div><h2 id="tldr">TL;DR</h2>
<p>The LoveIt theme&rsquo;s typewriter animation (TypeIt) stopped working on the home after adding Mermaid diagrams to posts. Cause: a <code>#id-1</code> DOM selector shared between both libraries. When Mermaid finds an orphan block in a home summary, its initialization crashes, and the JS init chain stops before reaching TypeIt. Fix: add `</p>]]></description></item><item><title>jQuery → Vanilla ES6 Migration</title><link>https://www.arleo.eu/en/posts/jquery-migration/</link><pubDate>Mon, 06 Apr 2026 00:00:00 +0200</pubDate><author>Jmr</author><guid>https://www.arleo.eu/en/posts/jquery-migration/</guid><description><![CDATA[<div class="featured-image">
                <img src="/images/jquery-migration-featured.jpg" referrerpolicy="no-referrer">
            </div><h2 id="-in-short">⚡ In short</h2>
<p>This site was migrated from <strong>jQuery</strong> to <strong>native JavaScript (Vanilla ES6)</strong>. An 87 KB external dependency removed, replaced by modern code that does exactly the same thing — no extra download, no third-party library.</p>
<p>For visitors, nothing changes. For security and performance, it&rsquo;s a measurable improvement.</p>
<h2 id="-why">🧠 Why</h2>
<p>jQuery was essential in 2010 when browsers all behaved differently. In 2026, modern browsers natively support everything jQuery did:</p>]]></description></item></channel></rss>