<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <updated>2026-04-11T05:58:49Z</updated>
  <generator>https://yabu.me</generator>

  <title>Nostr notes by Stefan Judis</title>
  <author>
    <name>Stefan Judis</name>
  </author>
  <link rel="self" type="application/atom+xml" href="https://yabu.me/npub19xz5yz4h93m39spmsry5q0hhskwymy5j6ajw9l77txa7npxklnmqj4pzaf.rss" />
  <link href="https://yabu.me/npub19xz5yz4h93m39spmsry5q0hhskwymy5j6ajw9l77txa7npxklnmqj4pzaf" />
  <id>https://yabu.me/npub19xz5yz4h93m39spmsry5q0hhskwymy5j6ajw9l77txa7npxklnmqj4pzaf</id>
  <icon>https://cdn.masto.host/frontendsocial/accounts/avatars/109/292/179/443/349/306/original/cdd4d7ff5109af04.png</icon>
  <logo>https://cdn.masto.host/frontendsocial/accounts/avatars/109/292/179/443/349/306/original/cdd4d7ff5109af04.png</logo>




  <entry>
    <id>https://yabu.me/nevent1qqsxj7jpfxasz2puvrumf3qgckp8jzeuzvd2xc7vtwa3xt4pxhlgugszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vjlsucv</id>
    
      <title type="html">This is absolutely beautiful and very well done. &amp;gt; Nothing you ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsxj7jpfxasz2puvrumf3qgckp8jzeuzvd2xc7vtwa3xt4pxhlgugszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vjlsucv" />
    <content type="html">
      This is absolutely beautiful and very well done.&lt;br/&gt;&lt;br/&gt;&amp;gt; Nothing you own is finished. Everything exists in a state of permanent incompletion, permanently needing.&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://www.terrygodier.com/the-last-quiet-thing&#34;&gt;https://www.terrygodier.com/the-last-quiet-thing&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/116/345/248/260/089/227/original/784c0e776b08569d.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2026-04-04T07:26:42Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqszvwhau7me062mqv4p9u53ha8ejw0rnpl53feyygck6krpeyldypczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v7f4add</id>
    
      <title type="html">If you like using VS Code but don&amp;#39;t like that it&amp;#39;s ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqszvwhau7me062mqv4p9u53ha8ejw0rnpl53feyygck6krpeyldypczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v7f4add" />
    <content type="html">
      If you like using VS Code but don&amp;#39;t like that it&amp;#39;s &amp;#34;calling home&amp;#34;, today I learned, there&amp;#39;s also VS Codium. &lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://vscodium.com/&#34;&gt;https://vscodium.com/&lt;/a&gt;
    </content>
    <updated>2025-12-27T22:45:07Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqs2aaqe08ah6ls8vrds2p0sqzme8sljzr4mf7ujfnxtw99j2da00dczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vnsv704</id>
    
      <title type="html">I was dealing with client-side cookies the other day and, of ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqs2aaqe08ah6ls8vrds2p0sqzme8sljzr4mf7ujfnxtw99j2da00dczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vnsv704" />
    <content type="html">
      I was dealing with client-side cookies the other day and, of course, I used `document.cookie`. This API is &amp;#34;something&amp;#34;, isn&amp;#39;t it? &lt;br/&gt;&lt;br/&gt;But then I remembered that `cookieStore` is a thing today, and it makes cookie handling way easier! 👇 &lt;br/&gt;&lt;br/&gt;`cookieStore` also emits change events. Not sure if I ever needed to listen for cookie changes, but hey, it&amp;#39;s great to have it! &lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://developer.mozilla.org/en-US/docs/Web/API/CookieStore&#34;&gt;https://developer.mozilla.org/en-US/docs/Web/API/CookieStore&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/649/733/030/611/392/original/e589cb89cbad5bcd.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-12-02T11:28:04Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqswldex5q8srcd6kjt0zs89cp8n8mgeu22hl0tq9l0ccu7y6yzz02qzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vh76ejh</id>
    
      <title type="html">This week&amp;#39;s Web Weekly is just about to go out and I think it ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqswldex5q8srcd6kjt0zs89cp8n8mgeu22hl0tq9l0ccu7y6yzz02qzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vh76ejh" />
    <content type="html">
      This week&amp;#39;s Web Weekly is just about to go out and I think it turned out &amp;#34;very alright&amp;#34; this week. 🫣&lt;br/&gt;&lt;br/&gt;If you want to keep up with all these new web platform features, you should check it out!&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://www.stefanjudis.com/blog/web-weekly-175/&#34;&gt;https://www.stefanjudis.com/blog/web-weekly-175/&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/565/476/477/009/946/original/14b2152e7045ef70.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-11-17T14:20:32Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqs8k5pat0qp48kl3fsl6um6kc6gq5fa98c8qx9597qvf5wfv009ztqzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v0lc3hx</id>
    
      <title type="html">When someone calls custom CSS properties &amp;#34;CSS variables&amp;#34; ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqs8k5pat0qp48kl3fsl6um6kc6gq5fa98c8qx9597qvf5wfv009ztqzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v0lc3hx" />
    <content type="html">
      When someone calls custom CSS properties &amp;#34;CSS variables&amp;#34; something in me wants to reply &amp;#34;That&amp;#39;s not what they&amp;#39;re called!&amp;#34;.&lt;br/&gt;&lt;br/&gt;It&amp;#39;s time to let this go, though, bc TIL the spec lives at &amp;#34;/css-variables&amp;#34;. 😂&lt;br/&gt;&lt;br/&gt;Here are some more good arguments to convince someone like my past self.&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://blog.kizu.dev/css-variables/&#34;&gt;https://blog.kizu.dev/css-variables/&lt;/a&gt;&lt;br/&gt;&lt;br/&gt;Thanks &lt;span itemprop=&#34;mentions&#34; itemscope itemtype=&#34;https://schema.org/Person&#34;&gt;&lt;a itemprop=&#34;url&#34; href=&#34;/npub1p63kxvwm8rx05zhl038c8fltgqh5u6v2yj6n6cefpxpf4zspsyvqsvgl53&#34; class=&#34;bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1&#34;&gt;&lt;span&gt;Roma Komarov&lt;/span&gt; (&lt;span class=&#34;italic&#34;&gt;npub1p63…gl53&lt;/span&gt;)&lt;/a&gt;&lt;/span&gt; for writing this!&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/560/916/000/283/031/original/8e3515f95c9a1a75.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-11-16T19:00:45Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsxfar40n2f6e77nasy83sxnevfpke54g5j7ga643mt249nv79a98qzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v7wc46s</id>
    
      <title type="html">Did you know that you can localize quotes right in CSS? Now you ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsxfar40n2f6e77nasy83sxnevfpke54g5j7ga643mt249nv79a98qzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v7wc46s" />
    <content type="html">
      Did you know that you can localize quotes right in CSS? &lt;br/&gt;&lt;br/&gt;Now you do! 🫵 &lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://www.stefanjudis.com/today-i-learned/how-to-use-language-dependent-quotes-in-css/&#34;&gt;https://www.stefanjudis.com/today-i-learned/how-to-use-language-dependent-quotes-in-css/&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/530/824/543/362/680/original/d39bae6ee5e629af.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-11-11T11:28:04Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqs9uzl2htqc6e24dl2kzzeckvz6mkpr4dvmxgpq8k8l5kn90qtrn0qzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v7vsdp9</id>
    
      <title type="html">Some birdy (thanks @npub10h2…w5v7) told me that Chrome supports ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqs9uzl2htqc6e24dl2kzzeckvz6mkpr4dvmxgpq8k8l5kn90qtrn0qzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v7vsdp9" />
    <content type="html">
      Some birdy (thanks &lt;span itemprop=&#34;mentions&#34; itemscope itemtype=&#34;https://schema.org/Person&#34;&gt;&lt;a itemprop=&#34;url&#34; href=&#34;/npub10h207fx8qldwe3zrzd60u0dat7m7twlr6hxdazup8nar3rrvujps3xw5v7&#34; class=&#34;bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1&#34;&gt;&lt;span&gt;Barry Pollard&lt;/span&gt; (&lt;span class=&#34;italic&#34;&gt;npub10h2…w5v7&lt;/span&gt;)&lt;/a&gt;&lt;/span&gt;) told me that Chrome supports split views behind a flag. 😲 Good stuff!&lt;br/&gt;&lt;br/&gt;chrome://flags#side-by-side&lt;br/&gt;&lt;video controls width=&#34;100%&#34; class=&#34;max-h-[90vh] bg-neutral-300 dark:bg-zinc-700&#34;&gt;&lt;source src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/480/764/809/892/450/original/2d873c9a0198ce84.mp4&#34;&gt;&lt;/video&gt;&lt;br/&gt;
    </content>
    <updated>2025-11-02T15:17:15Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqs8wg7quvkpd6w7u2wct6wcjwz6y26m3a9jcr57vc837nh4qc7q85gzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vy6ksyt</id>
    
      <title type="html">One for your bookmarks... 🫣 https://stopcitingai.com/ ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqs8wg7quvkpd6w7u2wct6wcjwz6y26m3a9jcr57vc837nh4qc7q85gzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vy6ksyt" />
    <content type="html">
      One for your bookmarks... 🫣&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://stopcitingai.com/&#34;&gt;https://stopcitingai.com/&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/468/939/675/950/598/original/e19d4d010453d7e8.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-10-31T13:09:58Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqst3tl98nqmfndfe40rtckndpd4d7vuxw52tk0pv70den9ga4ulkvgzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vavx3y6</id>
    
      <title type="html">I just realized that the new CSS `field-sizing: content` magic ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqst3tl98nqmfndfe40rtckndpd4d7vuxw52tk0pv70den9ga4ulkvgzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vavx3y6" />
    <content type="html">
      I just realized that the new CSS `field-sizing: content` magic allows textareas AND inputs AND select elements to grow. 😲&lt;br/&gt;&lt;br/&gt;I thought it was only about textareas. 😅&lt;br/&gt;&lt;br/&gt;So far, it works in Chromium and Safari TP.&lt;br/&gt;&lt;video controls width=&#34;100%&#34; class=&#34;max-h-[90vh] bg-neutral-300 dark:bg-zinc-700&#34;&gt;&lt;source src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/405/413/757/093/842/original/52d69bd71e6f89fd.mp4&#34;&gt;&lt;/video&gt;&lt;br/&gt;
    </content>
    <updated>2025-10-20T07:54:29Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqs0tcu9r4d52j0qf27k0rpv96sjaqpn9c42mke6dl2u35l02rtp0eszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vff8h2p</id>
    
      <title type="html">Disclaimer: the following is Chromium-only and more than cutting ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqs0tcu9r4d52j0qf27k0rpv96sjaqpn9c42mke6dl2u35l02rtp0eszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vff8h2p" />
    <content type="html">
      Disclaimer: the following is Chromium-only and more than cutting edge, but it&amp;#39;s kinda wild that we can implement custom functions like &amp;#34;light-dark()&amp;#34; ourselves eventually. &lt;br/&gt;&lt;br/&gt;Here’s &lt;span itemprop=&#34;mentions&#34; itemscope itemtype=&#34;https://schema.org/Person&#34;&gt;&lt;a itemprop=&#34;url&#34; href=&#34;/npub159nrmm8peyzxyh6aj39hxfrrl34yv3zfwk2xvxytuasmh9rmkukst0rz7e&#34; class=&#34;bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1&#34;&gt;&lt;span&gt;Bramus&lt;/span&gt; (&lt;span class=&#34;italic&#34;&gt;npub159n…rz7e&lt;/span&gt;)&lt;/a&gt;&lt;/span&gt; looking into the future. 👇&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://www.bram.us/2025/09/30/css-custom-light-dark/&#34;&gt;https://www.bram.us/2025/09/30/css-custom-light-dark/&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/378/948/075/175/171/original/a8f489a58d8faaed.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-10-15T15:43:55Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqs9tjtytm24pc32gh4l42gzuaee2e52s7aq6jk5rxqhum88uv4y6lgzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v820a3t</id>
    
      <title type="html">This doesn&amp;#39;t solve the a11y issue though, or? If the default ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqs9tjtytm24pc32gh4l42gzuaee2e52s7aq6jk5rxqhum88uv4y6lgzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v820a3t" />
    <content type="html">
      In reply to &lt;a href=&#39;/nevent1qqsrf02tev6x0drjx8uxd2pljl9akhux9jwqp8sgr4h3uy8gsllyj3sedlw7z&#39;&gt;nevent1q…lw7z&lt;/a&gt;&lt;br/&gt;_________________________&lt;br/&gt;&lt;br/&gt;This doesn&amp;#39;t solve the a11y issue though, or? &lt;br/&gt;&lt;br/&gt;If the default focus color matches the background focus styles are broken or do I understand this incorrectly?
    </content>
    <updated>2025-10-06T14:09:19Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqstxcjgcmqpx2h7smhw6ggkhsp2cqeavesevxeqlrsftqzwy9w4spgzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vacejl7</id>
    
      <title type="html">I must admit that I&amp;#39;ve forgotten the double focus ring ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqstxcjgcmqpx2h7smhw6ggkhsp2cqeavesevxeqlrsftqzwy9w4spgzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vacejl7" />
    <content type="html">
      I must admit that I&amp;#39;ve forgotten the double focus ring practice to guarantee accessible focus rings on all sorts of backgrounds, but it&amp;#39;s such a smart way to solve the issue of hard-to-spot focus styles.&lt;br/&gt;&lt;br/&gt;&lt;span itemprop=&#34;mentions&#34; itemscope itemtype=&#34;https://schema.org/Person&#34;&gt;&lt;a itemprop=&#34;url&#34; href=&#34;/npub18vj5j3srdwcf6chq6akn29lky5y2e246f30zucdu50gwkxdkrwkqk4g4zy&#34; class=&#34;bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1&#34;&gt;&lt;span&gt;Eric&lt;/span&gt; (&lt;span class=&#34;italic&#34;&gt;npub18vj…g4zy&lt;/span&gt;)&lt;/a&gt;&lt;/span&gt; did a fabulous job explaining the technique!&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://piccalil.li/blog/taking-a-shot-at-the-double-focus-ring-problem-using-modern-css/&#34;&gt;https://piccalil.li/blog/taking-a-shot-at-the-double-focus-ring-problem-using-modern-css/&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/327/567/539/926/190/original/5a498be22b206bf5.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-10-06T13:57:10Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsyr5dhvfh60cfjrcyfrcqs592jkx4prync7k5tpt75yuaw4hkk6yczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vqamhq0</id>
    
      <title type="html">This year&amp;#39;s State of JS survey is open and it comes with easy ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsyr5dhvfh60cfjrcyfrcqs592jkx4prync7k5tpt75yuaw4hkk6yczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vqamhq0" />
    <content type="html">
      This year&amp;#39;s State of JS survey is open and it comes with easy to access code snippets and baseline info so that you&amp;#39;ll def learn some new tricks when filling it out. 👏&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://survey.devographics.com/en-US/survey/state-of-js/2025&#34;&gt;https://survey.devographics.com/en-US/survey/state-of-js/2025&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/275/244/689/621/307/original/9f992a70ca480ab9.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-09-27T08:10:47Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsgqv23dj7u3ful24z9e2ulwjngcwnatxy9fse3evfqwuarjfxchtgzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v4jrhq3</id>
    
      <title type="html">My small side project https://tiny-helpers.dev just passed 1k ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsgqv23dj7u3ful24z9e2ulwjngcwnatxy9fse3evfqwuarjfxchtgzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v4jrhq3" />
    <content type="html">
      My small side project &lt;a href=&#34;https://tiny-helpers.dev&#34;&gt;https://tiny-helpers.dev&lt;/a&gt; just passed 1k GitHub stars. 🎉&lt;br/&gt;&lt;br/&gt;If you don&amp;#39;t know it yet, the site lists 678 small utility tools for web developers that you usually won&amp;#39;t find when googling. And over 200 people contributed already. 😊&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/115/247/825/275/793/998/original/dd17bba09184a902.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-09-22T11:57:40Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqs03wzhvzmek9eq8stu9yvnhg60xhsq6ch3y52muefpckk2tsqlqegzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vtwe00x</id>
    
      <title type="html">Every time, I see @npub1wpv…rz2s using custom properties to ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqs03wzhvzmek9eq8stu9yvnhg60xhsq6ch3y52muefpckk2tsqlqegzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vtwe00x" />
    <content type="html">
      Every time, I see &lt;span itemprop=&#34;mentions&#34; itemscope itemtype=&#34;https://schema.org/Person&#34;&gt;&lt;a itemprop=&#34;url&#34; href=&#34;/npub1wpvzddv8n4m2ae88x5un0jx6nrxc0skex20dngnerypyr090zh2sdsrz2s&#34; class=&#34;bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1&#34;&gt;&lt;span&gt;Large Heydon Collider&lt;/span&gt; (&lt;span class=&#34;italic&#34;&gt;npub1wpv…rz2s&lt;/span&gt;)&lt;/a&gt;&lt;/span&gt; using custom properties to &amp;#34;hide&amp;#34; usage notes and error messages in CSS, I can only stand up and say &amp;#34;Chapeau, my friend!&amp;#34;. 🎩 👏 &lt;br/&gt;&lt;br/&gt;Love this approach to self-document CSS code.&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://piccalil.li/blog/a-revisit-of-the-every-layout-sidebar-with-has-and-selector-performance/&#34;&gt;https://piccalil.li/blog/a-revisit-of-the-every-layout-sidebar-with-has-and-selector-performance/&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/114/868/253/708/961/158/original/59e744bdfdba88ef.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-07-17T11:07:37Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqs8rzzn2e5gtjvqty7v050e8ru5nkym3289m5sn524rjt5tmr7xkmczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vlrzlkn</id>
    
      <title type="html">TIL — the CSS working group is working on `appearance: base;` ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqs8rzzn2e5gtjvqty7v050e8ru5nkym3289m5sn524rjt5tmr7xkmczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vlrzlkn" />
    <content type="html">
      TIL — the CSS working group is working on `appearance: base;` which will give us: &lt;br/&gt;&lt;br/&gt;- Identical styles across all browsers &lt;br/&gt;- 100% WCAG 2.2 compliant controls &lt;br/&gt;- Easy ways to customize all these form elements 💯&lt;br/&gt;&lt;br/&gt;This talk is time very well spent. 👇&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://www.youtube.com/watch?v=WgSiqSqxTxw&amp;amp;t=59s&#34;&gt;https://www.youtube.com/watch?v=WgSiqSqxTxw&amp;amp;t=59s&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/114/851/419/634/875/770/original/73fdf2f43abad930.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-07-14T11:46:30Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsv3xry2tm4a2w98d9ux7x67srfgn2qekv7dhvweu8d0nkdj2sahggzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70val42c2</id>
    
      <title type="html">It was about time, wasn&amp;#39;t it? 😅 👇 But now, with Firefox ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsv3xry2tm4a2w98d9ux7x67srfgn2qekv7dhvweu8d0nkdj2sahggzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70val42c2" />
    <content type="html">
      It was about time, wasn&amp;#39;t it? 😅 👇&lt;br/&gt;&lt;br/&gt;But now, with Firefox 138 all major browser engines support import attributes to import JSON from within your ECMAScript modules. 👇 &lt;br/&gt;&lt;br/&gt;✅ Chromium: 123&#43;&lt;br/&gt;✅ Safari: 17.2&#43;&lt;br/&gt;✅ Firefox: 138&#43; (released 2w ago)&lt;br/&gt;&lt;br/&gt;PS. This syntax works in modern Node.js, too!&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/114/511/457/880/643/067/original/b66772fc9ac55942.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-05-15T10:49:44Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsrmfmprzjahv6ralef6lk4rpmsd32g4d6cnxmgqac5tx88fv4ekmqzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vjlzjz2</id>
    
      <title type="html">I just removed 15 dead helpers over on tiny-helpers.dev and it ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsrmfmprzjahv6ralef6lk4rpmsd32g4d6cnxmgqac5tx88fv4ekmqzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vjlzjz2" />
    <content type="html">
      I just removed 15 dead helpers over on tiny-helpers.dev and it feels like a discover less and less small online tools for web devs… 👇&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://tiny-helpers.dev/&#34;&gt;https://tiny-helpers.dev/&lt;/a&gt;&lt;br/&gt;&lt;br/&gt;What are you favorite quick-to-use online tools these days? Maybe I can add some new ones.&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/114/172/907/736/814/926/original/43920c17a00db5f1.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-03-16T15:51:59Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsf43xt5me4ne8m2ch0khqpzw08xza0rp8zpa28wnc2hcge603wssczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vu54tag</id>
    
      <title type="html">Could it really be? Has the time really come? SVG favicons are ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsf43xt5me4ne8m2ch0khqpzw08xza0rp8zpa28wnc2hcge603wssczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vu54tag" />
    <content type="html">
      Could it really be? Has the time really come?&lt;br/&gt;&lt;br/&gt;SVG favicons are shipping in Safari Tech Preview. 🎉&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/114/082/153/807/706/324/original/01e2d5157e001530.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2025-02-28T15:12:05Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsyhc5yy2cd0v83sh7na6fka560zk3r7nkw3xhvdqflsg633d3kjjszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vzrszss</id>
    
      <title type="html">Is anyone using Zen browser? (an open source Firefox-based Arc ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsyhc5yy2cd0v83sh7na6fka560zk3r7nkw3xhvdqflsg633d3kjjszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vzrszss" />
    <content type="html">
      Is anyone using Zen browser? &lt;br/&gt;(an open source Firefox-based Arc clone)&lt;br/&gt;&lt;br/&gt;I tried it a month ago, and was pretty rough but it seems like they&amp;#39;re catching up quickly.&lt;br/&gt;&lt;br/&gt;I love some Arc features, but the company’s business model and AI stuff make me hesitant to use it as my main driver.&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://zen-browser.app/&#34;&gt;https://zen-browser.app/&lt;/a&gt;&lt;br/&gt;&lt;video controls width=&#34;100%&#34; class=&#34;max-h-[90vh] bg-neutral-300 dark:bg-zinc-700&#34;&gt;&lt;source src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/113/533/494/554/787/794/original/fccc464f48966e23.mp4&#34;&gt;&lt;/video&gt;&lt;br/&gt;
    </content>
    <updated>2024-11-23T17:40:48Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsv6n595vlm3a2z2ramh7xxhnq29yz88cs5nwz55gjpu26xuqzv3mczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vxkhgwq</id>
    
      <title type="html">With the upcoming Firefox 133 release `fetch` gets a new ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsv6n595vlm3a2z2ramh7xxhnq29yz88cs5nwz55gjpu26xuqzv3mczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vxkhgwq" />
    <content type="html">
      With the upcoming Firefox 133 release `fetch` gets a new baseline-supported parameter — `keepalive`.&lt;br/&gt;&lt;br/&gt;Requests with the set `keepalive` option won&amp;#39;t be cancelled when the page unloads or is closed. 💪&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://www.stefanjudis.com/today-i-learned/fetch-supports-a-keepalive-option-to-make-it-outlive-page-navigations/&#34;&gt;https://www.stefanjudis.com/today-i-learned/fetch-supports-a-keepalive-option-to-make-it-outlive-page-navigations/&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/113/493/626/486/062/331/original/ee2f3dc39dc48e2a.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2024-11-16T16:41:50Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqs20az5rym78wc7h09n83nks06sccsx2hn28043lf5n3lqgwygkzlszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vnxxcxl</id>
    
      <title type="html">For the bloggers: the W3C WebDX Community Group released a web ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqs20az5rym78wc7h09n83nks06sccsx2hn28043lf5n3lqgwygkzlszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vnxxcxl" />
    <content type="html">
      For the bloggers: the W3C WebDX Community Group released a web component to display web feature baseline info. Drop `baseline-status` into your HTML and display some juicy browser compat data. 💯&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://github.com/web-platform-dx/baseline-status&#34;&gt;https://github.com/web-platform-dx/baseline-status&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/113/385/368/682/490/345/original/a8c15c4b2ff3f3b2.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2024-10-28T13:50:27Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsqarq7vedas93jucvhhde7mjpe4faajdmq6ve9euf2sz4l0vxw49gzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vx58q84</id>
    
      <title type="html">💡 TIL — the new `node --run` flag doesn&amp;#39;t run life cycle ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsqarq7vedas93jucvhhde7mjpe4faajdmq6ve9euf2sz4l0vxw49gzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vx58q84" />
    <content type="html">
      💡  TIL — the new `node --run` flag doesn&amp;#39;t run life cycle scripts.&lt;br/&gt;&lt;br/&gt;Node.js v23 was released last week and ships a new and stable `node --run` flag. The flag allows running `package.json` scripts without npm. It&amp;#39;s slightly faster than `npm run` (we&amp;#39;re talking a couple of hundred ms) but doesn&amp;#39;t run life cycle scripts (e.g. `prestart`). &lt;br/&gt;&lt;br/&gt;So `npm --run` is not an `npm run` replacement. &lt;br/&gt;&lt;br/&gt;Will you use it? I&amp;#39;d rather stick with `npm run` in this case... 🤔&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/113/340/131/704/964/121/original/1f258ba7ce0647be.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2024-10-20T14:06:04Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsz33z3q9083aay5097ahv46gd9tsed4cjrzck9kza5tlhft7j7z9gzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vg9vzqc</id>
    
      <title type="html">Quick reminder: if your browser support allows it, ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsz33z3q9083aay5097ahv46gd9tsed4cjrzck9kza5tlhft7j7z9gzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vg9vzqc" />
    <content type="html">
      Quick reminder: if your browser support allows it, `align-content: center` works on block layout elements these days. 💪 👇 &lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://caniuse.com/mdn-css_properties_align-content_block_context&#34;&gt;https://caniuse.com/mdn-css_properties_align-content_block_context&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/113/141/950/855/761/455/original/6d43ce128f1b4bf5.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2024-09-15T14:06:04Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsxh86t8a7a2kt72ceq24l6hkvm3fsuu82ywkttxy2l5ks884e8rgczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vcvhq03</id>
    
      <title type="html">It&amp;#39;s me... 😂 ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsxh86t8a7a2kt72ceq24l6hkvm3fsuu82ywkttxy2l5ks884e8rgczyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vcvhq03" />
    <content type="html">
      It&amp;#39;s me... 😂&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/113/118/444/409/262/291/original/5b674f9f0c9262ba.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2024-09-11T10:28:04Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsf3vnpal3cgl99423wtnqp7e2yqcz3r344jmvyvwnz3klny9uufsqzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v7yey50</id>
    
      <title type="html">I think about this a lot: when we all use AI for coding / writing ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsf3vnpal3cgl99423wtnqp7e2yqcz3r344jmvyvwnz3klny9uufsqzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v7yey50" />
    <content type="html">
      I think about this a lot: when we all use AI for coding / writing / creating now, it&amp;#39;ll hurt our ability to &amp;#34;create&amp;#34; in the long run, won&amp;#39;t it? &lt;br/&gt;&lt;br/&gt;I&amp;#39;ve just read someone calling this inability to create without AI — &amp;#34;AI Fog&amp;#34;. Great naming! 💯&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://garrit.xyz/posts/2024-09-01-AI-fog&#34;&gt;https://garrit.xyz/posts/2024-09-01-AI-fog&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/113/106/537/814/275/598/original/19374578f024bd5c.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2024-09-09T08:00:04Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsdrrnfyx67adpffgyf8m6mfpvy9p6xl6r7m83zm3m288dvmvhrekszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v0afjqx</id>
    
      <title type="html">Not sure. 🫣 Maybe Eric can share what led him into this deep ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsdrrnfyx67adpffgyf8m6mfpvy9p6xl6r7m83zm3m288dvmvhrekszyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70v0afjqx" />
    <content type="html">
      In reply to &lt;a href=&#39;/nevent1qqsfkhzmxdnalz62k3d8zvdfdqyyz3zrr8n8w52n46pxmf2n8zap3jcsjr6hw&#39;&gt;nevent1q…r6hw&lt;/a&gt;&lt;br/&gt;_________________________&lt;br/&gt;&lt;br/&gt;Not sure. 🫣 Maybe Eric can share what led him into this deep investigation. :)
    </content>
    <updated>2024-09-03T07:23:30Z</updated>
  </entry>

  <entry>
    <id>https://yabu.me/nevent1qqsyltnwaay76j63t6altpm9zdyl6tjjcuqsqx3y527xy8dmgk2xn4qzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vv5lnup</id>
    
      <title type="html">If you go down that path and really must reimplement &amp;#34;link ...</title>
    
    <link rel="alternate" href="https://yabu.me/nevent1qqsyltnwaay76j63t6altpm9zdyl6tjjcuqsqx3y527xy8dmgk2xn4qzyq5c2ss2kuk8wykq8wqvjsp777zecnvjjttkfchlmevmh6vy6m70vv5lnup" />
    <content type="html">
      If you go down that path and really must reimplement &amp;#34;link behavior&amp;#34; in JavaScript, here&amp;#39;s a list of keyboard interactions you should support with your custom &amp;#34;JS link&amp;#34;.&lt;br/&gt;&lt;br/&gt;Native links support a ton of keyboard interactions: &lt;br/&gt;&lt;br/&gt;- navigating to the target URL&lt;br/&gt;- opening tabs or windows in fore or background&lt;br/&gt;- downloading the target HTML. 😅&lt;br/&gt;&lt;br/&gt;Maybe the native link is a better choice! &lt;br/&gt;&lt;br/&gt;Thanks to &lt;span itemprop=&#34;mentions&#34; itemscope itemtype=&#34;https://schema.org/Person&#34;&gt;&lt;a itemprop=&#34;url&#34; href=&#34;/npub18vj5j3srdwcf6chq6akn29lky5y2e246f30zucdu50gwkxdkrwkqk4g4zy&#34; class=&#34;bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1&#34;&gt;&lt;span&gt;Eric&lt;/span&gt; (&lt;span class=&#34;italic&#34;&gt;npub18vj…g4zy&lt;/span&gt;)&lt;/a&gt;&lt;/span&gt;  for this research!&lt;br/&gt;&lt;br/&gt;&lt;a href=&#34;https://ericwbailey.website/published/basic-keyboard-shortcut-support-for-focused-links/&#34;&gt;https://ericwbailey.website/published/basic-keyboard-shortcut-support-for-focused-links/&lt;/a&gt;&lt;br/&gt; &lt;img src=&#34;https://cdn.masto.host/frontendsocial/media_attachments/files/113/029/536/251/620/003/original/3aee087c3ff1e911.png&#34;&gt; &lt;br/&gt;
    </content>
    <updated>2024-08-26T17:37:35Z</updated>
  </entry>

</feed>