<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:media="http://search.yahoo.com/mrss/"><channel><title>The Beagle Blog</title><link>https://blog.raaghavbhardwaj.com/</link><description>Recent content on The Beagle Blog</description><generator>Hugo -- gohugo.io</generator><language>en-US</language><managingEditor>Raaghav Bhardwaj</managingEditor><lastBuildDate>Fri, 23 Oct 2026 19:22:50 +0530</lastBuildDate><atom:link href="https://blog.raaghavbhardwaj.com/index.xml" rel="self" type="application/rss+xml"/><item><title>Welcome to The Beagle Blog</title><link>https://blog.raaghavbhardwaj.com/welcome-to-the-beagle-blog/</link><pubDate>Fri, 23 Oct 2026 12:00:00 +0000</pubDate><guid>https://blog.raaghavbhardwaj.com/welcome-to-the-beagle-blog/</guid><description>A calm, zero-reload editorial space built on Google engineering standards and native web primitives.</description><content:encoded><![CDATA[<p>Welcome to <strong>The Beagle Blog</strong>. This publication is crafted with an editorial physics system designed for focus, readability, and speed.</p>
<h2 id="why-calm-web-architecture" class="group/heading relative flex items-center justify-between">
  <span>Why Calm Web Architecture?</span>
  <a href="#why-calm-web-architecture" class="heading-anchor ml-2 opacity-0 group-hover/heading:opacity-100 transition-opacity duration-150 text-content-muted hover:text-accent select-none no-underline text-[0.8em]" aria-label="Permalink to this section" tabindex="-1">#</a>
</h2>
<p>The modern web is often overcrowded with layout shifts, intrusive banners, and heavy JavaScript runtimes. The Beagle takes a different approach:</p>
<ol>
<li><strong>Native Web Standards First</strong>: View Transitions API, Subresource Integrity, Speculation Rules, and zero external CDN lookups.</li>
<li><strong>Instant Soft Navigation</strong>: Every page transition happens in 0ms with predictive hover preheating and in-memory caching.</li>
<li><strong>Typographic Physics</strong>: Hanken Grotesk paired with Young Serif, strictly calibrated within a golden-ratio measure of 65ch to 75ch.</li>
</ol>
<div class="code-block relative group">
  <pre><code class="language-typescript">// Instant SPA navigation with 0ms perceived latency
InstantNav.navigate(targetUrl, { pushHistory: true });</code></pre>
  <button type="button" class="copy-code-btn" aria-label="Copy code to clipboard">
    <svg class="copy-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    <svg class="check-icon hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
    <span class="copy-label">Copy</span>
  </button>
</div>
<p>Enjoy reading, writing, and breathing in a quiet digital space.</p>
]]></content:encoded><category>Design</category><category>Engineering</category></item></channel></rss>