<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:fh="http://purl.org/syndication/history/1.0">
    <channel>
        <title><![CDATA[Adam Argyle]]></title>
        <description><![CDATA[RSS Feed for Adam Argyle: Web design & development tips & tricks: CSS, JS, HTML, Design, & UX.]]></description>
        <link>https://nerdy.dev</link>
        <image>
            <url>https://nerdy.dev/rss-icon.png</url>
            <title>Adam Argyle</title>
            <link>https://nerdy.dev</link>
        </image>
        <generator>RSS for Node</generator>
        <lastBuildDate>Sun, 16 Aug 2026 04:38:35 GMT</lastBuildDate>
        <atom:link href="https://nerdy.dev/rss.xml" rel="self" type="application/rss+xml"/>
        <copyright><![CDATA[2026 Adam Argyle]]></copyright>
        <language><![CDATA[en]]></language>
        <webMaster><![CDATA[adam.is@nerdy.dev (Adam Argyle)]]></webMaster>
        <ttl>60</ttl>
        <category><![CDATA[CSS]]></category>
        <category><![CDATA[HTML]]></category>
        <category><![CDATA[JavaScript]]></category>
        <category><![CDATA[Front-End]]></category>
        <category><![CDATA[Design]]></category>
        <atom:link rel="hub" href="https://pubsubhubbub.appspot.com/"/>
        <atom:link rel="prev-archive" href="https://nerdy.dev/rss-archive-24.xml"/>
        <item>
            <title><![CDATA[Scotch Malt Whisky Society Member]]></title>
            <description><![CDATA[New member of the Scotch Malt Whisky Society]]></description>
            <link>https://nerdy.dev/scotch-malt-whisky-society-member?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/scotch-malt-whisky-society-member?utm_source=rss</guid>
            <category><![CDATA[note]]></category>
            <dc:creator><![CDATA[adam@whiskey.fm]]></dc:creator>
            <pubDate>Sun, 16 Aug 2026 04:38:35 GMT</pubDate>
            <content:encoded><![CDATA[<p>New member of the <a href="https://smwsa.com/">Scotch Malt Whisky Society</a></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Websub]]></title>
            <description><![CDATA[WebSub support added.]]></description>
            <link>https://nerdy.dev/websub?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/websub?utm_source=rss</guid>
            <category><![CDATA[note]]></category>
            <dc:creator><![CDATA[webmaster@admin]]></dc:creator>
            <pubDate>Thu, 13 Aug 2026 06:31:25 GMT</pubDate>
            <content:encoded><![CDATA[<p><a href="https://en.wikipedia.org/wiki/WebSub">WebSub</a> support added.</p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Creativity On The Internet At Sxsw]]></title>
            <description><![CDATA[Jack (CEO of Patreon) gives a great talk about the struggles of being an artist with the internet from the 90s to today, a history of tech and art, and lessons learned. Heartfelt insights into working through 2026 &quot;content creation&quot; culture. Watch on YouTube .]]></description>
            <link>https://nerdy.dev/creativity-on-the-internet-at-sxsw?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/creativity-on-the-internet-at-sxsw?utm_source=rss</guid>
            <category><![CDATA[note]]></category>
            <category><![CDATA[ai]]></category>
            <dc:creator><![CDATA[atom@argyleink]]></dc:creator>
            <pubDate>Thu, 13 Aug 2026 05:01:20 GMT</pubDate>
            <enclosure url="https://nerdy.dev/media/jack-at-sxsw.jpg" length="63115" type="image/jpeg"/>
            <media:content url="https://nerdy.dev/media/jack-at-sxsw.jpg" medium="image" width="1400" height="653" type="image/jpeg"/>
            <media:thumbnail url="https://nerdy.dev/media/jack-at-sxsw.jpg"/>
            <content:encoded><![CDATA[<img src="https://nerdy.dev/media/jack-at-sxsw.jpg" alt="Jack Conte at SXSW" width="1400" height="653">
<p><a href="https://www.youtube.com/@JackConteExtras">Jack (CEO of Patreon)</a> gives a great talk about the struggles of being an artist with the internet from the 90s to today, a history of tech and art, and lessons learned.</p>
<p>Heartfelt insights into working through 2026 &quot;content creation&quot; culture.</p>
<p><a href="https://www.youtube.com/watch?v=17_HcR95YBc">Watch on YouTube</a>.  </p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Contextualism At CSSday 2026]]></title>
            <description><![CDATA[Watch my talk &quot;Contextualism&quot; from CSS Day on Conffab]]></description>
            <link>https://nerdy.dev/contextualism-at-cssday-2026?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/contextualism-at-cssday-2026?utm_source=rss</guid>
            <category><![CDATA[note]]></category>
            <category><![CDATA[talks]]></category>
            <dc:creator><![CDATA[atom@argyleink]]></dc:creator>
            <pubDate>Wed, 12 Aug 2026 18:26:00 GMT</pubDate>
            <enclosure url="https://nerdy.dev/media/contextualism-at-cssday-2026.jpg" length="43809" type="image/jpeg"/>
            <media:content url="https://nerdy.dev/media/contextualism-at-cssday-2026.jpg" medium="image" width="1500" height="500" type="image/jpeg"/>
            <media:thumbnail url="https://nerdy.dev/media/contextualism-at-cssday-2026.jpg"/>
            <content:encoded><![CDATA[<img src="https://nerdy.dev/media/contextualism-at-cssday-2026.jpg" alt="Contextualism title slide from the website" width="1500" height="500">
<p>Watch my talk <a href="https://conffab.com/presentation/contextualism/?gl=IKgpmf0z8RLu">&quot;Contextualism&quot;</a> from <a href="https://cssday.nl/">CSS Day</a> on <a href="https://conffab.com/">Conffab</a></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[2026 Open Agentic Tools]]></title>
            <description><![CDATA[Some &quot;open&quot; agentic tools: Open Chamber Open Agents Open Design Open Design HTML Video Open Montage Wonder if they use Open Props 😏]]></description>
            <link>https://nerdy.dev/2026-open-agentic-tools?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/2026-open-agentic-tools?utm_source=rss</guid>
            <category><![CDATA[note]]></category>
            <category><![CDATA[ai]]></category>
            <dc:creator><![CDATA[atom@argyleink]]></dc:creator>
            <pubDate>Mon, 10 Aug 2026 16:52:03 GMT</pubDate>
            <content:encoded><![CDATA[<p>Some &quot;open&quot; agentic tools:</p>
<ul>
<li><a href="https://openchamber.dev">Open Chamber</a></li>
<li><a href="https://openagents.com">Open Agents</a></li>
<li><a href="https://open-design.ai">Open Design</a></li>
<li><a href="https://open-design.ai/html-video/">Open Design HTML Video</a></li>
<li><a href="https://github.com/calesthio/OpenMontage">Open Montage</a></li>
</ul>
<p>Wonder if they use <a href="https://open-props.style/">Open Props</a> 😏</p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Scroll Axis Lock]]></title>
            <description><![CDATA[<p>Go off the scroll rails with one CSS property</p>
]]></description>
            <link>https://nerdy.dev/css-scroll-axis-lock?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/css-scroll-axis-lock?utm_source=rss</guid>
            <category><![CDATA[blog]]></category>
            <category><![CDATA[css]]></category>
            <dc:creator><![CDATA[atom@argyleink]]></dc:creator>
            <pubDate>Mon, 10 Aug 2026 16:04:51 GMT</pubDate>
            <enclosure url="https://nerdy.dev/media/scroll-axis-lock-hero.jpg" length="75824" type="image/jpeg"/>
            <media:content url="https://nerdy.dev/media/scroll-axis-lock-hero.jpg" medium="image" width="1400" height="781" type="image/jpeg"/>
            <media:thumbnail url="https://nerdy.dev/media/scroll-axis-lock-hero.jpg"/>
            <content:encoded><![CDATA[<img src="https://nerdy.dev/media/scroll-axis-lock-hero.jpg" alt="Diagram comparing locked vs unlocked scroll gesture paths" width="1400" height="781">
<p>I first noticed web scroll areas had scroll locking behavior when making 2D scroll snap demos; I couldn&#39;t scroll diagonally without getting hijacked and locked into an <code>x</code> or <code>y</code> axis.</p>
<p>Even on a touch device, where a diagonal gesture is so easy and natural. </p>
<p>
          <a href="https://codepen.io/argyleink/pen/GRxMPGb">CodePen embed</a>
        </p>
<p>Thanks to <a href="https://www.bram.us/2026/08/09/unlock-immediate-diagonal-scrolling-with-css-scroll-axis-lock-none/">Bramus&#39;s rad interactive blog post</a> I saw <strong>Chrome 153</strong> with the remedy:</p>
<pre class="shiki css-variables" style="background-color:#f8f9fa;padding:1em;overflow:auto;color:#030507" tabindex="0"><code><span class="line"><span style="color:#4263eb">.scroller</span><span style="color:#030507"> {</span></span>
<span class="line"><span style="color:inherit">  overflow</span><span style="color:#ff1493">:</span><span style="color:inherit"> auto</span><span style="color:#030507">;</span></span>
<span class="line"><span style="color:inherit">  overscroll-behavior</span><span style="color:#ff1493">:</span><span style="color:inherit"> contain</span><span style="color:#030507">;</span></span>
<span class="line"><span style="color:inherit">  scroll-axis-lock</span><span style="color:#ff1493">:</span><span style="color:inherit"> none</span><span style="color:#030507">; 👈</span></span>
<span class="line"><span style="color:#030507">}</span></span></code></pre>
<p><a href="https://drafts.csswg.org/css-overflow-5/#scroll-axis-locking">spec</a> | <a href="https://codepen.io/bramus/pen/vEgbwgr">check for support</a></p>
<p><strong>Freedom from the axis lock</strong> 🤘🏻</p>

        <h2 id="use-cases">
          Use cases
          <a name="use-cases" href="https://nerdy.dev/css-scroll-axis-lock#use-cases">#</a>
        </h2>
       <p>I was thinking: </p>
<ol>
<li>swipe to dismiss interactions</li>
<li>flings</li>
<li>maps or infinite canvas navigating</li>
<li>datagrids or tables</li>
<li>image zoom scrolling around</li>
<li>360 pano images or 3D model panning</li>
<li>data vis exploration</li>
</ol>
<p>Just seems worth while to use the natural inertia, tensions, perf and feels that scroll snap has for the snap feedback of &quot;didnt swipe far enough&quot; and the browser owned easing.</p>
<p>Can also mitigate <code>scrollTo</code> strangeness that might do <code>x</code> then <code>y</code>. </p>

        <h2 id="i-did-log-a-bug">
          I did log a bug
          <a name="i-did-log-a-bug" href="https://nerdy.dev/css-scroll-axis-lock#i-did-log-a-bug">#</a>
        </h2>
       <p>I saw some performance regressions in the first 2 demo&#39;s I pulled up to test with</p>
<ol>
<li><a href="https://codepen.io/argyleink/pen/oNLaBdv">swipe prototype</a></li>
<li><a href="https://codepen.io/argyleink/pen/GRxMPGb">snap matrix</a></li>
</ol>
<p><a href="https://issues.chromium.org/u/1/issues/544635549">Filed a bug</a>. </p>
<p>I wouldn&#39;t necessarily file this as perfectly fixed, I still felt it was a bit clumsy or not enabling diagonal scrolling as smoothly as I&#39;d like. </p>
<p><strong>Overall exciting and meaningful IMO tho.</strong> </p>
<p>Your thoughts?</p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Ranting Devigner]]></title>
            <description><![CDATA[My Blogspot in 2011: Ranting Devigner see what tech articles I was reading lol dev and design rants I was making also lol Devigner = Designer + Developer Before &quot; Design Engineer &quot; was coo]]></description>
            <link>https://nerdy.dev/ranting-devigner?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/ranting-devigner?utm_source=rss</guid>
            <category><![CDATA[note]]></category>
            <dc:creator><![CDATA[atom@argyleink]]></dc:creator>
            <pubDate>Sat, 08 Aug 2026 05:46:10 GMT</pubDate>
            <enclosure url="https://nerdy.dev/media/argyleink_blogspot.jpg" length="275862" type="image/jpeg"/>
            <media:content url="https://nerdy.dev/media/argyleink_blogspot.jpg" medium="image" width="1600" height="1200" type="image/jpeg"/>
            <media:thumbnail url="https://nerdy.dev/media/argyleink_blogspot.jpg"/>
            <content:encoded><![CDATA[<img src="https://nerdy.dev/media/argyleink_blogspot.jpg" alt="A wheat paste wall and art post wall used in the background of the ranting devigner blog. This wall is from Pike Place Market in Seattle, WA, famously next to the Bubble Gum Wall. This wall was also used for a Flash website portfolio I built back then too." width="1600" height="1200">
<p>My <a href="https://blogspot.com">Blogspot</a> in 2011: <a href="http://rantingdevigner.blogspot.com/">Ranting Devigner</a></p>
<ul>
<li>see what <a href="http://rantingdevigner.blogspot.com/2011/03/3-environmental-design-links.html">tech articles</a> I was reading <sup>lol</sup></li>
<li>dev and <a href="http://rantingdevigner.blogspot.com/2011/02/week-6-reading.html">design rants</a> I was making <sup>also lol</sup></li>
</ul>
<p><code>Devigner = Designer + Developer</code><br>
<small>Before &quot;<b>Design Engineer</b>&quot; was coo</small></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Kevin Powell Trying Out Prop For That]]></title>
            <description><![CDATA[Kevin Powell tries out Prop For That , makin it look so slick and easy 🫶 Watch on YouTube]]></description>
            <link>https://nerdy.dev/kevin-powell-trying-out-prop-for-that?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/kevin-powell-trying-out-prop-for-that?utm_source=rss</guid>
            <category><![CDATA[note]]></category>
            <category><![CDATA[css]]></category>
            <dc:creator><![CDATA[atom@argyleink]]></dc:creator>
            <pubDate>Wed, 05 Aug 2026 15:11:07 GMT</pubDate>
            <enclosure url="https://nerdy.dev/media/kevin-powell-prop-for-that.jpg" length="145479" type="image/jpeg"/>
            <media:content url="https://nerdy.dev/media/kevin-powell-prop-for-that.jpg" medium="image" width="1280" height="720" type="image/jpeg"/>
            <media:thumbnail url="https://nerdy.dev/media/kevin-powell-prop-for-that.jpg"/>
            <content:encoded><![CDATA[<img src="https://nerdy.dev/media/kevin-powell-prop-for-that.jpg" alt="some title" width="1280" height="720">
<p><a href="https://www.youtube.com/kevinpowell">Kevin Powell</a> tries out <a href="https://prop-for-that.netlify.app">Prop For That</a>, makin it look so slick and easy 🫶</p>
<p><a href="https://www.youtube.com/watch?v=fG6ToJJ9x_Y">Watch on YouTube</a></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Max Value Of A CSS Length Layout Unit]]></title>
            <description><![CDATA[33554432px the maximum value for a CSS length in a layout context. #randomCSSfacts Bramus on Masto]]></description>
            <link>https://nerdy.dev/max-value-of-a-css-length-layout-unit?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/max-value-of-a-css-length-layout-unit?utm_source=rss</guid>
            <category><![CDATA[note]]></category>
            <category><![CDATA[css]]></category>
            <dc:creator><![CDATA[atom@argyleink]]></dc:creator>
            <pubDate>Wed, 05 Aug 2026 14:53:20 GMT</pubDate>
            <content:encoded><![CDATA[<p><code>33554432px</code></p>
<p>the <a href="https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/platform/geometry/layout_unit.h;l=66;drc=23f5271fa18d22362f3c739c631ef83ac709a1c1">maximum value for a CSS length</a> in a layout context. #randomCSSfacts</p>
<p><cite><a href="https://front-end.social/@bramus/117043307620167329">Bramus on Masto</a></cite></p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[WWW Ep250 With Christina Martinez]]></title>
            <description><![CDATA[Ep #250 Live at React Miami with Christina Martinez Robbie , Christina and I chat fun coding experiments, personifying agents, OpenClaw, hot takes and a little bit of whatnot. ⤷ whiskey.fm · youtube · spotify · apple]]></description>
            <link>https://nerdy.dev/www-ep250-with-christina-martinez?utm_source=rss</link>
            <guid isPermaLink="true">https://nerdy.dev/www-ep250-with-christina-martinez?utm_source=rss</guid>
            <category><![CDATA[note]]></category>
            <category><![CDATA[shows]]></category>
            <category><![CDATA[ai]]></category>
            <dc:creator><![CDATA[adam@whiskey.fm]]></dc:creator>
            <pubDate>Mon, 03 Aug 2026 20:55:45 GMT</pubDate>
            <enclosure url="https://nerdy.dev/media/www-ep250.jpg" length="859217" type="image/jpeg"/>
            <media:content url="https://nerdy.dev/media/www-ep250.jpg" medium="image" width="2000" height="2000" type="image/jpeg"/>
            <media:thumbnail url="https://nerdy.dev/media/www-ep250.jpg"/>
            <content:encoded><![CDATA[<img src="https://nerdy.dev/media/www-ep250.jpg" alt="Whiskey web and whatnot episode 250" width="2000" height="2000">
<p><span class="Tag">Ep #250</span><br>
<strong>Live at React Miami with Christina Martinez</strong></p>
<p><a href="https://robbiethewagner.dev">Robbie</a>, <a href="https://github.com/christina-de-martinez">Christina</a> and I chat fun coding experiments, personifying agents, OpenClaw, hot takes and a little bit of whatnot.</p>
<p>⤷ <a href="https://whiskey.fm/silly-software-sugar-snap-peas-and-coding-in-gen-z-slang-w-christina-martinez">whiskey.fm</a> · <a href="https://www.youtube.com/watch?v=UfUFYnY4u2Y">youtube</a> · <a href="https://open.spotify.com/episode/65Lv5YYJVMiCxYmCrq0Xxv">spotify</a> · <a href="https://podcasts.apple.com/us/podcast/silly-software-sugar-snap-peas-and-coding-in-gen-z/id1552776603?i=1000779321860">apple</a></p>
]]></content:encoded>
        </item>
    </channel>
</rss>