<!DOCTYPE html>
<html>
<head>
<title>Bytes: Markdown for Agents™️</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono&family=Outfit:wght@400;500;700;900&family=Paytone+One" rel="stylesheet">
<style>@media (prefers-color-scheme: dark) {
.email-wrapper {
color: #F9F4DA !important;
background-color: #0F0D0E !important;
}
hr {
border-color: #262422 !important;
}
mark {
background-color: #231F20 !important;
color: #F9F4DA !important;
}
pre {
background-color: #231F20 !important;
border: 1px solid #231F20 !important;
color: #F9F4DA !important;
}
.bg-alt {
background-color: #231F20 !important;
}
.unsubscribe-link {
color: #504C48 !important;
}
.token.punctuation {
color: #f9f4da !important;
}
}
@media screen and (min-width: 600px) {
.mobile-break {
display: none;
}
}</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table class="email-wrapper" border="0" cellspacing="0" width="100%" style="background-color: #FFF; border-collapse: collapse; color: #231F20; font-family: Outfit, sans-serif; font-size: 16px; width: 100%;"><tbody><tr>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
<td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"><div style="max-width:600px;padding-top:80px">
<div style="text-align:center"><img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"></div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Today’s issue:</strong> TypeScript’s Rotten Tomatoes score, David Guetta’s React secrets, and boy math’s prediction of when the singularity will hit.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Welcome to <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/g3hnhwumrndr7vbr/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDYy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420759">#462</a>.</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">The Main Thing</h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/ditto-hurt.jpg" alt="Ditto pokemon sitting in a hospital bed surrounded by Chanceys" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">Your AI agent after crawling through my Bootstrap 3 overrides from 2014<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Markdown for Agents<span role="img" aria-label="trade mark">™️</span>
</h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Remember how Cloudflare used to brag about how good they are at blocking bot traffic? Like two weeks ago?</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Well on Wednesday, they just launched <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/9qhzhdud0xq0qkf9/aHR0cHM6Ly9ibG9nLmNsb3VkZmxhcmUuY29tL21hcmtkb3duLWZvci1hZ2VudHMv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420760">Markdown for Agents</a> to help websites treat <del>bots</del> <em>agents</em> as first-class citizens, because humans were always dumb and boring anyway.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">I’m (mostly) joking, because this does solve a real problem: AI agents currently waste a lot of compute sifting through <code style="font-size: 14px;">div</code> soup, script tags, and CSS hellscapes just to extract the actual content from a site’s HTML.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">And that’s expensive. Cloudflare shared that their <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/9qhzhdud0xq0qkf9/aHR0cHM6Ly9ibG9nLmNsb3VkZmxhcmUuY29tL21hcmtkb3duLWZvci1hZ2VudHMv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420760">announcement post</a> requires 16,180 tokens in HTML form, but only 3,150 tokens as Markdown (a 4x difference).</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">So instead of every AI agent continuing to scrape and convert HTML themselves, Markdown for Agents just does it for them at the edge. Here’s how:</p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Content negotiation for agents</strong> – If a client sends <code style="font-size: 14px;">Accept: text/markdown</code>, Cloudflare automatically converts the HTML response to Markdown on the fly with the same URL.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Built-in token awareness</strong> – Responses include an <code style="font-size: 14px;">x-markdown-tokens</code> header so agents can see the estimated token count before stuffing it into a context window.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Content signals included</strong> – Responses ship with headers like <code style="font-size: 14px;">ai-train=yes</code>, <code style="font-size: 14px;">search=yes</code>, and <code style="font-size: 14px;">ai-input=yes</code>, to explicitly state how content can be used by AI systems. Like <code style="font-size: 14px;">robots.txt</code>, but for LLMs.</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Bottom Line:</strong> As agents increasingly become a main way we access the internet, serving them structured content at the protocol level makes a lot of sense. Yes, it does feel slightly “dead internet theory”, but if it helps me burn through my Claude token limit a little slower, I’ll try not to think too hard about it.</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"><tbody><tr><td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;">
<a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/n2hohquvmg8m8xi6/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGdW5kZWZpbmVk" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1832420762"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"></a><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/48hvh7umv95v59fx/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkZ1bmRlZmluZWQ=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1832420763"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"></a><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/wnh2h6uqn45n5vf7/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QnJlYWtpbmclMjBkb3duJTIwaG93JTIwJTQwQ2xvdWRmbGFyZURldiUyMGlzJTIwbWFraW5nJTIwdGhlJTIwd2ViJTIwZWFzaWVyJTIwZm9yJTIwYWdlbnRzJTIwdG8lMjBuYXZpZ2F0ZSZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRnVuZGVmaW5lZA==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1832420764"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"></a><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/reh8h9um47242ec2/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBQnJlYWtpbmclMjBkb3duJTIwaG93JTIwJTQwQ2xvdWRmbGFyZURldiUyMGlzJTIwbWFraW5nJTIwdGhlJTIwd2ViJTIwZWFzaWVyJTIwZm9yJTIwYWdlbnRzJTIwdG8lMjBuYXZpZ2F0ZSUwQWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkZ1bmRlZmluZWQmc3ViamVjdD1Zb3UlMjBsaWtlJTIwY29ybmJyZWFkJTNG" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1832420765"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"></a>
</td></tr></tbody></table>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">The Main Thing</h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/french-chicken.jpg" alt="A chicken wearing a beret and holding a cigarette and wine bottle" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">Tfw you deploy from aws-eu-west-1<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/08hwhgu2vxovo7il/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj04WmZzbF9RWFRVUQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420766">Convex just landed in Europe</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Their new EU hosting is available on all plans – including the free one. So you can now <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/08hwhgu2vxovo7il/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj04WmZzbF9RWFRVUQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420766">crack open a can of Guinness</a> with CTO James Cowling and start deploying from <code style="font-size: 14px;">aws-eu-west-1</code>.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">That means:</p>
<ul>
<li>Convex can now meet your EU regulatory compliance needs</li>
<li>There’s a new region selector in the Convex dashboard</li>
<li>A <code style="font-size: 14px;">--region</code> flag is coming next week for CLIs and agents</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">James also just made this video about <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/8ghqh3uoz30z0gak/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1DZW5aZFlqUmhUTQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420767">what Convex looks for when hiring</a>, where he breaks down how they interview developers, why they don’t use AI in interviews, and his advice for junior devs in 2026.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/8ghqh3uoz30z0gak/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1DZW5aZFlqUmhUTQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420767">Check it out here</a> – it’s a refreshingly honest take from a CTO.</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px">
<h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/vqh3hmuol4xlxpbg/aHR0cHM6Ly93d3cuaGFydmV5LmFpLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420768">Harvey</a>
</h4>
<p style="font-family: Outfit, sans-serif; font-size: 16px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"><em>Their engineering team shared <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/l2heh6ule40e0ls6/aHR0cHM6Ly93d3cuaGFydmV5LmFpL2Jsb2cvcHJpbmNpcGxlcy10aGF0LWhlbHBlZC11cy1zY2FsZS1hZ2VudC1kZXZlbG9wbWVudA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420769">3 principles that helped them scale agent development</a> and ship more features.</em></p>
</div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Did you know that the anchor element can do more than just navigate to a url?</p>
<pre class="language-html" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-html" style="font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token punctuation" style="color: #231F20; font-size: 14px;"><</span>a</span> <span class="token attr-name" style="color: #0ba95b; font-size: 14px;">href</span><span class="token attr-value" style="color: #fcba28; font-size: 14px;"><span class="token punctuation attr-equals" style="color: #231F20; font-size: 14px;">=</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span>https://bytes.dev<span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span></span><span class="token punctuation" style="color: #231F20; font-size: 14px;">></span></span>Read Bytes!<span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token punctuation" style="color: #231F20; font-size: 14px;"></</span>a</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">></span></span>
</code></pre>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Cool Bits</h2>
</div>
<ol>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/m2h7h6u3v9gvgmam/aHR0cHM6Ly9kZXZibG9ncy5taWNyb3NvZnQuY29tL3R5cGVzY3JpcHQvYW5ub3VuY2luZy10eXBlc2NyaXB0LTYtMC1iZXRhLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420770">TypeScript 6.0 beta</a> is a “unique release” with inference improvements for functions, Temporal API support, and more. Almost as unique as the Clifford movie release in 1994, where a 43-year-old Martin short plays a deranged 11-year-old boy <em>(20% on Rotten Tomatoes, but a 9/10 to me)</em>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Maria Shimkovska wote an in-depth guide to <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/dphehmuevk4v45sm/aHR0cHM6Ly9vcmtlcy5pby9ibG9nL2hvdy10by1vcmNoZXN0cmF0ZS1sYW5nY2hhaW4tYWdlbnRzLWZvci1wcm9kdWN0aW9uLXdpdGgtb3JrZXMtY29uZHVjdG9yLz91dG1fY2FtcGFpZ249Qnl0ZXMuZGV2JnV0bV9tZWRpdW09cmVmZXJyYWwmdXRtX3NvdXJjZT1OZXdzbGV0dGVy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420771">orchestrating LangChain agents for production</a> using Orkes Conductor. There’s a lot to cover. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Shu Ding wrote a deep dive on <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/e0hph0u76ep6p5a8/aHR0cHM6Ly9zaHVkLmluL3Rob3VnaHRzL2J1aWxkLWJ1bGxldHByb29mLXJlYWN0LWNvbXBvbmVudHM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420772">building bulletproof React components</a>. I, too have been listening to a lot of David Guetta lately.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/7qh7h2u9q8kqkdtz/aHR0cHM6Ly9yZWFjdG5hdGl2ZS5kZXYvYmxvZy8yMDI2LzAyLzExL3JlYWN0LW5hdGl2ZS0wLjg0" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420773">React Native 0.84</a> makes Hermes v1 the default JavaScript engine, ushering in a new era of RN and some big perf gains.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Warp just launched <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/owhkhwuwpnkpkpcv/aHR0cHM6Ly93d3cud2FycC5kZXYvb3o=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420774">Oz</a> - a platform that lets you run hundreds of cloud-based coding agents in parallel, with full visibility and control. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/z2hgh7uen74n46up/aHR0cHM6Ly9iZWFybmllLmRldi8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420775">bearnie</a> is a new library of accessible components for Astro and Tailwind that you can copy directly into your project and easily modify.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Comma CTO, Harald Schäfer wrote about how and why his team <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/p8hehqu4md3m3ofq/aHR0cHM6Ly9ibG9nLmNvbW1hLmFpL2RhdGFjZW50ZXIv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420776">owns their own data center, instead of renting the cloud</a>. TLDR it’s Dave Ramsey’s 9th baby step to financial freedom.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Matthew Hansen articulated one of <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/x0hph3ueozror6f5/aHR0cHM6Ly93d3cuYmx1bmRlcmdvYXQuY29tL2FydGljbGVzL2FpLW1ha2VzLXRoZS1lYXN5LXBhcnQtZWFzaWVyLWFuZC10aGUtaGFyZC1wYXJ0LWhhcmRlcg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420777">AI’s greatest ironies</a>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Only idiots write manual tests – modern engineering teams like Notion, Dropbox and LaunchDarkly use Meticulous to maintain e2e UI tests that <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/e0hph0u76ep6p8c8/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX2NhbXBhaWduPXE0JnV0bV9jb250ZW50PXNlY29uZGFyeSZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420779">cover every edge case</a> of your web app. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Brayden Wilmoth wrote about how <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/7qh7h2u9q8kqkniz/aHR0cHM6Ly9iaXRzYW5kYnl0ZXMuZGV2L3Bvc3RzL2NvbXBvbmVudHMtd2lsbC1raWxsLXBhZ2Vz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420780">components will kill pages</a> in the age of AI. But pages kill rock, and rock kills scissors, so it’s still anyone’s game.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/owhkhwuwpnkpk0fv/aHR0cHM6Ly9jcmFzaGNhdC5kZXYv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420781">crashcat</a> is a new physics engine for JavaScript that specializes in rigid body simulation.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Cam Pedersen used a bunch of unhinged hyperbolic functions to predict <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/z2hgh7uen74n4zbp/aHR0cHM6Ly9jYW1wZWRlcnNlbi5jb20vc2luZ3VsYXJpdHk=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420782">the exact date the singularity will occur</a>. Boy math strikes again.</p>
</li>
</ol>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz: Answer</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px"><h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/vqh3hmuol4xlxpbg/aHR0cHM6Ly93d3cuaGFydmV5LmFpLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1832420768">Harvey</a>
</h4></div>
</div>
<ol>
<li>Anchor tags can send POST requests</li>
</ol>
<pre class="language-html" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-html" style="font-size: 14px;"><span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;"><!-- sends a POST request with the body of PING to url --></span>
<span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token punctuation" style="color: #231F20; font-size: 14px;"><</span>a</span> <span class="token attr-name" style="color: #0ba95b; font-size: 14px;">href</span><span class="token attr-value" style="color: #fcba28; font-size: 14px;"><span class="token punctuation attr-equals" style="color: #231F20; font-size: 14px;">=</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span>#<span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span></span> <span class="token attr-name" style="color: #0ba95b; font-size: 14px;">ping</span><span class="token attr-value" style="color: #fcba28; font-size: 14px;"><span class="token punctuation attr-equals" style="color: #231F20; font-size: 14px;">=</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span>https://api.iwanttotrackyou.com<span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span></span><span class="token punctuation" style="color: #231F20; font-size: 14px;">></span></span>
Click Me
<span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token punctuation" style="color: #231F20; font-size: 14px;"></</span>a</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">></span></span>
</code></pre>
<ol start="2">
<li>Links can download files (if they are on the same origin or use the <code style="font-size: 14px;">data:</code> or <code style="font-size: 14px;">blob:</code> directive).</li>
</ol>
<pre class="language-html" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-html" style="font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token punctuation" style="color: #231F20; font-size: 14px;"><</span>a</span> <span class="token attr-name" style="color: #0ba95b; font-size: 14px;">href</span><span class="token attr-value" style="color: #fcba28; font-size: 14px;"><span class="token punctuation attr-equals" style="color: #231F20; font-size: 14px;">=</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span>data:,Hello%2C World%21<span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span></span> <span class="token attr-name" style="color: #0ba95b; font-size: 14px;">download</span><span class="token attr-value" style="color: #fcba28; font-size: 14px;"><span class="token punctuation attr-equals" style="color: #231F20; font-size: 14px;">=</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span>helloworld.txt<span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span></span><span class="token punctuation" style="color: #231F20; font-size: 14px;">></span></span>
Download
<span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token punctuation" style="color: #231F20; font-size: 14px;"></</span>a</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">></span></span>
</code></pre>
<ol start="3">
<li>Links can open your email client (and populate the email’s content)</li>
</ol>
<pre class="language-html" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-html" style="font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token punctuation" style="color: #231F20; font-size: 14px;"><</span>a</span> <span class="token attr-name" style="color: #0ba95b; font-size: 14px;">href</span><span class="token attr-value" style="color: #fcba28; font-size: 14px;"><span class="token punctuation attr-equals" style="color: #231F20; font-size: 14px;">=</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span>mailto:tyler@fireship.dev?subject=Re%3A hi mom&body=%F0%9F%91%8B<span class="token punctuation" style="color: #231F20; font-size: 14px;">"</span></span><span class="token punctuation" style="color: #231F20; font-size: 14px;">></span></span>
Hi 👋
<span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token tag" style="color: #f38ba3; font-size: 14px;"><span class="token punctuation" style="color: #231F20; font-size: 14px;"></</span>a</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">></span></span>
</code></pre>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">And that’s all folks. Thanks for reading <span role="img" aria-label="red heart">❤️</span>.</p>
<div style="text-align:center;padding-bottom:80px;padding-top:80px">
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"><div style="margin-top:-40px">
<img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"><h5 style="font-size:18px;font-weight:400;margin-bottom:24px">Want us to say nice things <br> about your company?</h5>
<div style="margin-bottom:16px"><a style="background-color: #FCBA28; border: 1px solid #231F20; border-radius: 100px; color: #231F20; font-size: 14px; font-weight: 600; padding: 8px 14px; text-decoration: none;" href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/p8hehqu4md3m3vuq/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1832420783">Sponsor Bytes</a></div>
<div style="margin-bottom:20px"><a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/x0hph3ueozrop8u5/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1832420784">or share it</a></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Built with ❤️ by<!-- --> <a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/6qhehoulzwkz5kto/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1832420785">Fireship</a></p>
</div></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;">50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101</p>
<div style="font-family:Papyrus, cursive"><a class="unsubscribe-link" href="https://c5e21242.click.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o/kkhmh2unredr55bl/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1832420786">Unsubscribe from Bytes</a></div>
</div>
</div></td>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
</tr></tbody></table>
<span style="display: none"><a href="https://c5e21242.unsubscribe.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o">Unsubscribe</a></span>
<!-- -->
<img src="https://c5e21242.open.convertkit-mail.com/v8u5q54200irhvleog4ughv00p0lls9hq32o" alt="">
</body>
</html>