<!DOCTYPE html>
<html>
<head>
<title>Bytes: The Christmas Compiler Miracle</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> Solving massive supply chain attacks with <em>Magic: The Gathering</em>, gearing up for Waku 1.0, and pitching my local masonic lodge on the blockchain brotherhood.</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://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/n2hohquveewremt6/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDUx" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466222">#451</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/timmy-c.jpg" alt="Timothee Chalamet pointing to his head" 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;">My 7 year old telling me to lock in on Christmas morning<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">The Christmas Compiler Miracle</h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">My children awoke early on Christmas morning and raced downstairs, eager to open the many presents they were sure had been left under the tree for them by Santa Claus and their loving parents.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">But there were no presents. There were no packages. There was nothing under the tree at all, except a single laptop opened to an unassuming README.md file.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">“Papa, where are all the toys?” the children asked with alarm.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">“Fear not children,” I calmly replied, “for unto us this day is given <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/48hvh7umkkzgklsx/aHR0cHM6Ly9naXRodWIuY29tL2VremhhbmcvamF4LWpz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466223">jax-js</a>, a machine learning library for the web that runs on Wasm and WebGPU.”</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">It’s basically the JAX Python library in pure JavaScript. You get NumPy-style arrays, plus the signature “composable transformations” like <code style="font-size: 14px;">grad()</code>, <code style="font-size: 14px;">vmap()</code>, and <code style="font-size: 14px;">jit()</code>. The twist is that it runs entirely in the browser, so you can do heavy numerical computing without needing a Python backend or CUDA installs.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><em>But isn’t JavaScript JIT famously bad at tight numerical loops like this?</em> Yes, which is why jax-js mostly avoids it. Instead, it compiles your array program into kernels that run at near-native speed.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Here’s what it looks like under the hood:</p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">You write JAX-style array code in JavaScript, which jax-js traces into a small math program instead of immediately executing it.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">That program gets lowered into <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/wnh2h6uq889g86t7/aHR0cHM6Ly9zcy5la3poYW5nLmNvbS9wL2pheC1qcy1hbi1tbC1saWJyYXJ5LWZvci10aGUtd2Vi" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466224">optimized kernels</a>, then compiled to WebAssembly (CPU) or WebGPU (GPU).</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">When you use <code style="font-size: 14px;">jit()</code>, jax-js fuses a long chain of operations into a single kernel, so you don’t waste memory on a bunch of intermediate arrays.</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">This means you can use JavaScript to train small models, run inference, compute gradients, and build interactive ML demos that are fully client-side — and they can all run anywhere a browser runs.</p>
<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> So sure, my kids were a little upset at first that they didn’t get a Switch 2 or a puppy this year. But they <em>did</em> learn that JavaScript is the true reason for the season, and that doing weird Python math in the browser might just be the greatest gift of all <span role="img" aria-label="Christmas tree">🎄</span><span role="img" aria-label="smiling face with hearts">🥰</span>.</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://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/reh8h9umnn9xnrb2/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDUx" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1819466225"><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://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/08hwhgu2qq0zq6cl/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0NTE=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1819466226"><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://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/8ghqh3uokke9kmak/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9amF4LWpzJTIwdGVhY2hlcyUyMHVzJTIwYWxsJTIwaG93JTIwZG9pbmclMjB3ZWlyZCUyMFB5dGhvbiUyMG1hdGglMjBpbiUyMHRoZSUyMGJyb3dzZXIlMjBpcyUyMHRoZSUyMHRydWUlMjByZWFzb24lMjBmb3IlMjB0aGUlMjBzZWFzb24lMjAlRjAlOUYlOEUlODQlRjAlOUYlQTUlQjAmdXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0NTE=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1819466227"><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://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/vqh3hmuo882g8wbg/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBamF4LWpzJTIwdGVhY2hlcyUyMHVzJTIwYWxsJTIwaG93JTIwZG9pbmclMjB3ZWlyZCUyMFB5dGhvbiUyMG1hdGglMjBpbiUyMHRoZSUyMGJyb3dzZXIlMjBpcyUyMHRoZSUyMHRydWUlMjByZWFzb24lMjBmb3IlMjB0aGUlMjBzZWFzb24lMjAlRjAlOUYlOEUlODQlRjAlOUYlQTUlQjAlMEFodHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDUxJnN1YmplY3Q9WW91JTIwbGlrZSUyMGNvcm5icmVhZCUzRg==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1819466228"><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="150" src="https://bytes.dev/images/content/qa-wolf-logo.png" alt="QA Wolf logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"><span>Our Friends <br class="mobile-break">(With Benefits)</span></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/wizard-pool.jpg" alt="Medieval wizard casting a spell in a pool" 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;">Me updating our app’s entire test suite with one prompt<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/l2heh6ulww5rwdh6/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9wbGF0Zm9ybT91dG1fY2FtcGFpZ249QUNRX0FsbF9XYWl0bGlzdF9fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9BSVBsYXRmb3JtRm9yRGVlcENvdmVyYWdlXzIwMjUxMjMwLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1BSVBsYXRmb3JtRm9yRGVlcENvdmVyYWdlX0pvaW5UaGVXYWl0bGlzdF9Ob25lX0hlYWRsaW5lJTNBTm93QXZhaWxhYmxlRm9yUUFUZWFtc0FJUGxhdGZvcm1Gb3JEZWVwQ292ZXJhZ2VGcm9tUUFXb2xmX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MTIzMF92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09aGVhZGxpbmUtTm93QXZhaWxhYmxlRm9yUUFUZWFtc0FJUGxhdGZvcm1Gb3JEZWVwQ292ZXJhZ2VGcm9tUUFXb2xm" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466229">Now available for QA teams: AI platform for deep coverage from QA Wolf</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/m2h7h6u3wwkewxtm/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9XYWl0bGlzdF9fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9BSVBsYXRmb3JtRm9yRGVlcENvdmVyYWdlXzIwMjUxMjMwLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1BSVBsYXRmb3JtRm9yRGVlcENvdmVyYWdlX0pvaW5UaGVXYWl0bGlzdF9Ob25lX0hlYWRsaW5lJTNBTm93QXZhaWxhYmxlRm9yUUFUZWFtc0FJUGxhdGZvcm1Gb3JEZWVwQ292ZXJhZ2VGcm9tUUFXb2xmX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MTIzMF92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Ym9keS1RQVdvbGY=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466230">QA Wolf’s</a> new AI assistant helps any team build and maintain automated test coverage for 80%+ of their product workflows—from simple logins to complex transactional flows—just by chatting with the AI.</p>
<ul>
<li>
<strong style="font-weight: 600;">Test complex workflows reliably:</strong> Prompts generate Playwright and Appium code, instead of flaky plain-English steps.</li>
<li>
<strong style="font-weight: 600;">Run regressions in minutes:</strong> Full suites execute 100% in parallel.</li>
<li>
<strong style="font-weight: 600;">Own your tests:</strong> Open-source code, no vendor lock-in.</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/dphehmuerrz5r3hm/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9wbGF0Zm9ybT91dG1fY2FtcGFpZ249QUNRX0FsbF9XYWl0bGlzdF9fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9BSVBsYXRmb3JtRm9yRGVlcENvdmVyYWdlXzIwMjUxMjMwLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1BSVBsYXRmb3JtRm9yRGVlcENvdmVyYWdlX0pvaW5UaGVXYWl0bGlzdF9Ob25lX0hlYWRsaW5lJTNBTm93QXZhaWxhYmxlRm9yUUFUZWFtc0FJUGxhdGZvcm1Gb3JEZWVwQ292ZXJhZ2VGcm9tUUFXb2xmX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MTIzMF92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Y3RhLUpvaW5UaGVXYWl0bGlzdA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466231">Join the waitlist here</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="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;">The WebKit team just released <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/e0hph0u75594m9b8/aHR0cHM6Ly93ZWJraXQub3JnL2Jsb2cvMTc2NjAvaW50cm9kdWNpbmctY3NzLWdyaWQtbGFuZXMv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466232">CSS Grid Lanes</a>, which it calls “the future of masonry layouts on the web.” I also recently spoke about “the future of masonry” at my local lodge meeting, but they cut me off halfway through my pitch on how Masonic NFTs could use the blockchain to verify who is a true brother.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Go beyond IDEs with <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/7qh7h2u933vzdktz/aHR0cHM6Ly93d3cudG9ua290c3UuYWkvYmV5b25kaWRlcz91dG1fY2FtcGFpZ249MTIzMCZ1dG1fc291cmNlPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466233">Tonkotsu’s desktop app</a>. It’s disciplined, multi-agent engineering built for professionals. Build a thorough technical plan, then delegate coding to a team of agents. Pretty slick. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Nick Miller wrote an in-depth breakdown on <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/owhkhwuw553ox6bv/aHR0cHM6Ly9uaWNrbW9uYWQuYmxvZy8yMDI1L3N0YXRpYy1hbGxvY2F0aW9uLXdpdGgtemlnLWt2Lw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466234">static allocation with Zig</a>, based on his work on his <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/z2hgh7ue009w57tp/aHR0cHM6Ly9naXRodWIuY29tL25pY2ttb25hZC9rdg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466235">key/value store</a>. And I must say, it’s nice to see him doing so well after getting his heart broken by Jess after she moved out of the loft.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/p8hehqu488kxr5aq/aHR0cHM6Ly93YWt1LmdnL2Jsb2cvd2FrdS12MS1hbHBoYQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466236">Waku released a v1.0 alpha</a> of its minimal React framework with full RSC support.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/x0hph3uexx83kls5/aHR0cHM6Ly9naXRodWIuY29tL2dpYmJvay90eXBlc2NyaXB0LWJvb2s=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466237">The Concise TypeScript book</a> is a free and open-source guide to TypeScript that was recently updated and proves that the word “concise” can mean different things to different people.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Kieran Gill wrote about how <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/6qhehoul00vox2ho/aHR0cHM6Ly9ibG9nLmtpZXJhbmdpbGwueHl6L292ZXJzaWdodC1hbmQtZ3VpZGFuY2U=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466238">nobody really knows how to scale LLMs to larger codebases</a> – but he has a few theories on what we should try next.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/kkhmh2un44gmz8al/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466239">CodeRabbit’s OSS Program</a> gives open-source projects free access to all their Pro-tier code review features. Used by projects like Bun, Vue, Nix, and 100k+ others to ship better code. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Una Kravets wrote about <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/58hvh8ugllp73mh6/aHR0cHM6Ly91bmEuaW0vc2Nyb2xsLXN0YXRlLXNjcm9sbGVk" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466240">directional CSS with the <code style="font-size: 14px;">scrolled</code> state query</a>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Peter Steinberger wrote about <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/25h2h9u3nnrdl3s3/aHR0cHM6Ly9zdGVpcGV0ZS5tZS9wb3N0cy8yMDI1L3NoaXBwaW5nLWF0LWluZmVyZW5jZS1zcGVlZA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466241">shipping at inference-speed</a>, and how far vibe-coding has come this year.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">A group of 16-year-olds <a href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/qvh8h8udqqgneoul/aHR0cHM6Ly9naXN0LmdpdGh1Yi5jb20vaGFja2VybW9uZGV2LzVlMmNkYzMyODQ5NDA1ZmZmNmI0Njk1Nzc0N2EyZDI4" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1819466242">pwned Twitter, Vercel, Cursor, and Discord with a supply-chain attack</a> by exposing some critical vulnerabilities on Mintlify, an AI documentation platform. But they promised not to expose any customer data as long as an adult bought them some watermelon vapes and <em>Magic: The Gathering</em> cards. Merry Christmas, my little gremlins.</p>
</li>
</ol>
<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://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/g3hnhwumxx7pgpbr/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1819466243">Sponsor Bytes</a></div>
<div style="margin-bottom:20px"><a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/3ohphdu3vv6zxxur/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1819466245">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://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/n2hohquveewr2ms6/aHR0cHM6Ly91aS5kZXY=" url-id="1819466246">ui.dev</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://click.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv/48hvh7umkkzgwlfx/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1819466247">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://unsubscribe.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv">Unsubscribe</a></span>
<!-- -->
<img src="https://open.kit-mail6.com/wvueve6q00ighk8dd4of7hnqg79xxb8hw5nv" alt="">
</body>
</html>