RSS/Atom Feed Analyzer
Analysis of https://chriscoyier.net/feed/
Feed fetched in 157 ms.
Warning Content type is application/rss+xml; charset=UTF-8, not text/xml or applicaton/xml.
Feed is 88,551 characters long.
Feed has an ETag of W/"0fac258aca749bb25189dfbe661ebe30".
Feed has a last modified date of Fri, 18 Sep 2026 20:05:00 GMT.
Feed is well-formed XML.
Warning Feed has no styling.
This is an RSS feed.
Feed title: Chris Coyier
Feed self link matches feed URL.
Feed has an image at https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=32%2C32&quality=89&ssl=1.
Feed has 12 items.
First item published on 2026-09-18T20:04:58.000Z
Last item published on 2026-07-13T14:28:37.000Z
All items have published dates.
Newest item was published on 2026-09-18T20:04:58.000Z.
Info Feed's Last-Modified date is newer than the newest item's published date (2026-09-18T20:05:00.000Z > 2026-09-18T20:04:58.000Z).
Home page URL: https://chriscoyier.net/
Home page has feed discovery link in <head>.
Home page has a link to the feed in the <body>
Formatted XML
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/">
<channel>
<title>Chris Coyier</title>
<atom:link href="https://chriscoyier.net/feed/" rel="self" type="application/rss+xml"/>
<link>https://chriscoyier.net</link>
<description>Web craftsman, blogger, author, speaker.</description>
<lastBuildDate>Fri, 18 Sep 2026 20:05:00 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<image>
<url>https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=32%2C32&quality=89&ssl=1</url>
<title>Chris Coyier</title>
<link>https://chriscoyier.net</link>
<width>32</width>
<height>32</height>
</image>
<site xmlns="com-wordpress:feed-additions:1">74074248</site>
<item>
<title>I’ll be at Axe-Con 2027</title>
<link>https://chriscoyier.net/2026/09/18/ill-be-at-axe-con-2027/</link>
<comments>https://chriscoyier.net/2026/09/18/ill-be-at-axe-con-2027/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Fri, 18 Sep 2026 20:04:58 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13981</guid>
<description><![CDATA[What? Axe-con ’27: The world’s largest digital accessibility event. Where? At your computer. When? February 23-27, 2027 Who? Me! I’m a keynote speaker along with Jennison Asuncion, Co-Founder of Global Accessibility Awareness Day (GAAD). There will be 70+ other amazing presenters as well I’m sure that will be announced soon. Why? Because it matters.]]></description>
<content:encoded><![CDATA[
<h2 class="wp-block-heading">What? </h2>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><a href="https://www.deque.com/axe-con/">Axe-con ’27</a>: The world’s largest digital accessibility event.</p>
</blockquote>
<h2 class="wp-block-heading">Where?</h2>
<p class="wp-block-paragraph">At your computer.</p>
<h2 class="wp-block-heading">When?</h2>
<p class="wp-block-paragraph">February 23-27, 2027</p>
<h2 class="wp-block-heading">Who?</h2>
<p class="wp-block-paragraph">Me! I’m a keynote speaker along with <a href="https://www.linkedin.com/in/jennison/">Jennison Asuncion</a>, Co-Founder of Global Accessibility Awareness Day (GAAD). There will be 70+ other amazing presenters as well I’m sure that will be announced soon.</p>
<h2 class="wp-block-heading">Why?</h2>
<p class="wp-block-paragraph">Because it matters.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/18/ill-be-at-axe-con-2027/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13981</post-id>
</item>
<item>
<title>The Avocadinator</title>
<link>https://chriscoyier.net/2026/09/17/the-avocadinator/</link>
<comments>https://chriscoyier.net/2026/09/17/the-avocadinator/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 17 Sep 2026 13:26:21 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13977</guid>
<description><![CDATA[I think I bought this thing at some grocery store endcap or something. The magic is that it can do all three advocotasks: Amazing! All in one! My review: I actually kinda like it. I do reach for it when I have this job. But I’ve shown it to several people who have almost viscerally […]]]></description>
<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img data-recalc-dims="1" fetchpriority="high" decoding="async" width="768" height="1024" data-attachment-id="13978" data-permalink="https://chriscoyier.net/2026/09/17/the-avocadinator/img_0136/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"2.2","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1789493890","copyright":"","focal_length":"2.2200000286119","iso":"400","shutter_speed":"0.016666666666667","title":"","orientation":"1","alt":""}" data-image-title="IMG_0136" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="A hand-held kitchen tool with a green grid top and a black handle, designed for slicing or mashing fruits or vegetables." class="wp-image-13978" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=432%2C576&quality=89&ssl=1 432w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=1536%2C2048&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="(max-width: 768px) 100vw, 768px" /></figure>
<p class="wp-block-paragraph">I think I bought this thing at some grocery store endcap or something. </p>
<p class="wp-block-paragraph">The magic is that it can do all three advocotasks:</p>
<ol class="wp-block-list">
<li>Cut avocado in half (little knife thing)</li>
<li>Take out the pit (little indent with teeth thing)</li>
<li>Cut avocado halves into slices (grate thing)</li>
</ol>
<p class="wp-block-paragraph">Amazing! All in one!</p>
<p class="wp-block-paragraph">My review: I actually kinda like it. I do reach for it when I have this job. </p>
<p class="wp-block-paragraph">But I’ve shown it to several people who have almost viscerally bad reactions. Like, they can’t explain it; they are just: nope. I literally handed it to someone who was about to undertake the job of slicing avocado, and they were like <em>no thanks, got my knife here.</em></p>
<p class="wp-block-paragraph">The downsides are:</p>
<ul class="wp-block-list">
<li>The avocado has gotta be pretty ripe for it to work nicely (which it should be anyway if you’re about to take on this task).</li>
<li>The device is immediately filthy and much harder to clean than a knife/spoon. It just has to go in the dishwasher immediately.</li>
</ul>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/17/the-avocadinator/feed/</wfw:commentRss>
<slash:comments>7</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13977</post-id>
</item>
<item>
<title>Which Rude is it?</title>
<link>https://chriscoyier.net/2026/09/16/which-rude-is-it/</link>
<comments>https://chriscoyier.net/2026/09/16/which-rude-is-it/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 16 Sep 2026 14:29:48 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13947</guid>
<description><![CDATA[The commerical airport we use here in Bend, Oregon is actually in Redmond, Oregon. Flights from here generally depart very early. It think it’s because they need to make it to bigger airports to make connections to further-away places. Flight typically depart at 4:30-6:30 AM. They want your bags an hour before departure, and the […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">The commerical airport we use here in Bend, Oregon is actually in Redmond, Oregon. </p>
<p class="wp-block-paragraph">Flights from here generally depart <em>very early.</em> It think it’s because they need to make it to bigger airports to make connections to further-away places.</p>
<p class="wp-block-paragraph">Flight typically <em>depart</em> at 4:30-6:30 AM. They want your bags an hour before departure, and the airport is 30 min from Bend, so you gotta be out the door sometimes at 3:00 AM meaning ungodly 2:30 AM alarm clocks. </p>
<p class="wp-block-paragraph">That’s the extreme case though. If you aren’t checking a bag and you’ve got a 6:00 AM flight, maybe you’re leaving the house at a spicy but tolerable 4:45 AM. </p>
<p class="wp-block-paragraph">That was too much preamble for this, but now you know. </p>
<p class="wp-block-paragraph">The <em>one</em> giftshop/coffeeshop in the airport opens at 4:00 AM. One person opens it up and starts selling things to the couple hundred people milling around in the one terminal preboarding area. </p>
<p class="wp-block-paragraph">This shop sells all the normal stuff you see in airport giftshops like cheezy Central Oregon sweatshirts and magnets, cold beverages and string cheese, magazines, and the like. </p>
<p class="wp-block-paragraph">They are also, and perhaps mainly, a coffeeshop. </p>
<p class="wp-block-paragraph">People stand in line to buy coffee. It’s early in the morning. You can’t bring in liquids. It’s damn coffee time.</p>
<p class="wp-block-paragraph">Right in the heat of the morning airport action, there might be 20-30 people in line. It’s a whole thing. </p>
<p class="wp-block-paragraph">Now we’ve arrived at my point. </p>
<p class="wp-block-paragraph">What do you order from this one person working at this coffeeshop at 4:00 AM?</p>
<p class="wp-block-paragraph">You can’t help but be aware there are 20 people behind you in line and how there is one person taking orders and making the coffee drinks. Right?!</p>
<p class="wp-block-paragraph">You could order a latte, which will take like 3 minutes to make. Or you could order a drip coffee in which this person hands you a cup in 3 seconds.</p>
<p class="wp-block-paragraph">My brain is built such that I cannot possibly order something that will take this person a while to make. Like the words would be unable to come out of my mouth. Even if <em>a cortado sounds really good right now, actually</em>, I can’t do it. I can make an active choice to get a perfectly fine drip coffee and get this line moving and get all these strangers-yet-neighbors their coffees too, or I can cause a big ol’ hitch in the giddyup.</p>
<p class="wp-block-paragraph">I hope I’m not trying to grandstand how perfect I am. I’m showcasing one part of how my brain works. I really don’t like inconvinencing other people.</p>
<p class="wp-block-paragraph">I notice, because it seems like plenty of other people don’t. </p>
<p class="wp-block-paragraph">People order cappaccinos and flat whites and all that shit without abandon. </p>
<p class="wp-block-paragraph">The line takes forever. It just is what it is.</p>
<p class="wp-block-paragraph">And we come to why I titled this The Rude Trifecta. These mocha-ordering fellow humans must fall into one of these categories:</p>
<ol class="wp-block-list">
<li>They don’t know that it’s rude</li>
<li>They don’t care that it’s rude</li>
<li>They disagree that it’s rude</li>
</ol>
<p class="wp-block-paragraph">I actually don’t know how it would break down if there was a way to figure it out, but I suspect it’s a fairly even mixture. </p>
<p class="wp-block-paragraph">Like for some, it just doesn’t cross their mind that it’s any problem at all to order a 3 minute drink. It’s a coffeeshop and they ordered a coffee. Maybe if they thought about it for far too long like myself, they could see the problem, but that’s not their normal thinking pattern. </p>
<p class="wp-block-paragraph">For others, they couldn’t give any less fucks. Again it’s a coffeeshop and they ordered a coffee. They stood in line like everyone else. Yeah, it might take a while, but it’s their turn and they are going to use it. Put whip cream on it motherfucker.</p>
<p class="wp-block-paragraph">The last one is very similar to the above, but it’s more intellectual. <em>Again</em> it’s a coffeeshop and they ordered a coffee. This is not a rude action. It’s not on them to dechiper what is and isn’t rude <em>on a menu</em>, or to personally shoulder a understaffing issue. They might go so far as to think it’s actually rude in the <em>other direction</em>, where self-censoring an order doesn’t give the business the appropriate feedback on their operations. </p>
<p class="wp-block-paragraph">That’s why if I was with a <em>friend</em> and <em>they did it</em>, I’d be totally fine with it. I can’t do it. I can’t ask them to get me the americano. But their actions are their own and this isn’t a situation where I cast any judgement. I mean assuming it’s #3 and not #2, that is.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p class="wp-block-paragraph">Speaking of airports and flying, this is why I literally cannot recline my seat if someone is behind me. It takes up their room. Can’t do it.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p class="wp-block-paragraph">Reminds me of <a href="https://marcel.io/dailies/2026-08-14">a recent-ish Marcel post</a>:</p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" decoding="async" width="2560" height="1848" data-attachment-id="13971" data-permalink="https://chriscoyier.net/2026/09/16/which-rude-is-it/2026-08-14-2/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?fit=2560%2C1848&quality=80&ssl=1" data-orig-size="2560,1848" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="2026-08-14" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?fit=1024%2C739&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=2560%2C1848&quality=80&ssl=1" alt="A cartoon showing a tired person in bed, disturbed by a neighbor's phone call at 5:45 AM, with a dialogue bubble indicating noise. Below, the same person is at a birthday party, looking happy but exhausted while holding a drink and surrounded by others." class="wp-image-13971" style="width:522px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?w=2560&quality=80&ssl=1 2560w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=300%2C217&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=1024%2C739&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=768%2C554&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=1536%2C1109&quality=80&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=2048%2C1478&quality=80&ssl=1 2048w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">I feel like the neighbor:</p>
<ul class="wp-block-list">
<li>doesn’t know it’s rude</li>
<li>doesn’t care it’s rude</li>
<li>disagress that it’s rude</li>
</ul>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/16/which-rude-is-it/feed/</wfw:commentRss>
<slash:comments>4</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13947</post-id>
</item>
<item>
<title>The Four Tiers of Tab Importance</title>
<link>https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/</link>
<comments>https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Tue, 15 Sep 2026 22:10:47 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13945</guid>
<description><![CDATA[Arc is the greatest web browser ever, and has been tragically moved-on-from by The Browser Company of New York-come-Atlassian. I’ve been back on it the last month or so though. It’s still very usable as they keep the Chromium version updated. I just really like it. It’s so good. My second favorite is Zen because […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph"><a href="https://arc.net/">Arc</a> is the greatest web browser ever, and has been tragically moved-on-from by The Browser Company of New York-come-Atlassian. I’ve been back on it the last month or so though. It’s still very usable as they keep the Chromium version updated.</p>
<p class="wp-block-paragraph"><em>I just really like it.</em> It’s so good. My second favorite is <a href="https://zen-browser.app/">Zen</a> because of how well it follows in those Arc footsteps. But I’m attempting a jump over to <a href="https://www.diabrowser.com/">Dia</a>, the sorta-kinda-Arc-replacement, as it seems like that’s where the effort is focused. But is it?! I don’t see <a href="https://www.diabrowser.com/release-notes/Tools">a ton of action</a> on Dia either, to be fair. But they have seemed to bring some of the great some from Arc over to Dia, so I figured it was worth a shot.</p>
<p class="wp-block-paragraph">There is already a bunch of paper-cutty stuff I don’t like, but I gotta give it some time, so I won’t dig into all that just yet.</p>
<p class="wp-block-paragraph">Right now I’d just like to explain one thing I think Arc <em>really nailed</em>: <strong>Tab Heirarchy. </strong></p>
<p class="wp-block-paragraph">It’s <em>sort of</em> like a 4-tier system. </p>
<h2 class="wp-block-heading">1) Pinned Tabs</h2>
<p class="wp-block-paragraph">These favicon-only buttons are tabs that persist across all <em>spaces.</em> Their position and ubiquity make them, perhaps, the <em>highest tier</em> tabs. </p>
<p class="wp-block-paragraph">At one point I had it in my head that Arc “kept these tabs hot” meaning if you clicked onto one of them, it was already rendered, so you felt no delay as that page loaded. Not super sure that’s true, but it would be cool if it was (and worked so well it was obvious).</p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" decoding="async" width="1024" height="738" data-attachment-id="13962" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/screenshot-2026-09-15-at-2-26-08-pm/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?fit=1156%2C833&quality=80&ssl=1" data-orig-size="1156,833" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="Screenshot 2026-09-15 at 2.26.08 PM" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?fit=1024%2C738&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=1024%2C738&quality=80&ssl=1" alt="A user interface displaying a tab selection area with icons for GitHub, CodePen, and various other tools, alongside a sidebar featuring folders labeled Standard, CodePen, Admin, API, and Pull Requests." class="wp-image-13962" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=1024%2C738&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=300%2C216&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=767%2C553&quality=80&ssl=1 767w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?w=1156&quality=80&ssl=1 1156w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">The icons are <em>a little small</em> which reduces their prominence a smidge, but I’d still call them the top.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-9 wp-block-paragraph"><strong>The Problem in Dia:</strong> Dia has these, but there are Profile-specific, which to me ruins the heirarchy. Why have them at all if they don’t have the ubiquity? </p>
<h2 class="wp-block-heading">2) Top Tabs? Important Tabs?</h2>
<p class="wp-block-paragraph">I really don’t know what to call these, but they are also high on the hierarchy and probably equal to those pinned tabs in importance. But they <em>don’t</em> persist across spaces — they are very space-specific.</p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="665" height="1024" data-attachment-id="13963" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/cleanshot-2026-09-15-at-14-34-372x/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?fit=1276%2C1965&quality=80&ssl=1" data-orig-size="1276,1965" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="CleanShot 2026-09-15 at 14.34.37@2x" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?fit=665%2C1024&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=665%2C1024&quality=80&ssl=1" alt="Screenshot of a code editor interface showing CodePen project folders and various development environments alongside a Delta Airlines flight booking page." class="wp-image-13963" style="aspect-ratio:0.6494230003979308;width:519px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=665%2C1024&quality=80&ssl=1 665w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=195%2C300&quality=80&ssl=1 195w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=768%2C1182&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=997%2C1536&quality=80&ssl=1 997w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?w=1276&quality=80&ssl=1 1276w" sizes="auto, (max-width: 665px) 100vw, 665px" /></figure>
<p class="wp-block-paragraph">They’re below the pinned tabs, but above (separated by a little line) the regular tabs. These tabs sort of behave like bookmarks, which is a fantastic feature that I’ve really grown to love. You can just <em>close them</em> and instead of literally closing and disappearing from the sidebar, they just reset to their main URL. Closing them is just like resetting them. You can remove them, of course; it’s just a more explicit action. These are great.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-10 wp-block-paragraph"><strong>The Problem in Dia:</strong> None. Dia has these and they are fine.</p>
<h2 class="wp-block-heading">3) Regular Tabs</h2>
<p class="wp-block-paragraph">The tabs below the little line are regular tabs. </p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="864" height="1024" data-attachment-id="13964" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/cleanshot-2026-09-15-at-14-40-102x/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?fit=942%2C1117&quality=80&ssl=1" data-orig-size="942,1117" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="CleanShot 2026-09-15 at 14.40.10@2x" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?fit=864%2C1024&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=864%2C1024&quality=80&ssl=1" alt="Screenshot of a web browser interface displaying a tab selection area with recent tabs, including Delta Air Lines, a Kagi search for 'cool dogs', and a 'border-shape CSS property' documentation link." class="wp-image-13964" style="aspect-ratio:0.8437630495734654;width:488px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=864%2C1024&quality=80&ssl=1 864w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=253%2C300&quality=80&ssl=1 253w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=767%2C910&quality=80&ssl=1 767w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?w=942&quality=80&ssl=1 942w" sizes="auto, (max-width: 864px) 100vw, 864px" /></figure>
<p class="wp-block-paragraph">They are remarkable for their unremarkableness. They are just tabs. You open them and close them and behave exactly how you’d expect a tab to be.</p>
<p class="wp-block-paragraph">They do have one notable feature: Arc has a setting to auto-archive these tabs after a set period. It’s like a “save you from yourself” feature. I have mine set to 30 days, as I actually <em>don’t</em> like this feature. I keep a tidy browser anyway and don’t need to be saved here. I know some people really like it though, people that I assume also have Roombas.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-11 wp-block-paragraph"><strong>The Problem in Dia:</strong> Dia just doesn’t sync these?! WTF?! It syncs literally everything else but just stops short of syncing your normal tabs. </p>
<h2 class="wp-block-heading">4) Little Arc</h2>
<p class="wp-block-paragraph">Perhaps the lowest on the hierarchy are “Little Arc” windows.</p>
<p class="wp-block-paragraph">It takes some serious getting-used-to in Arc that you don’t open multiple windows. You just have the one browser window. It’s weird to have multiple windows. It lets you, but it probably shouldn’t. </p>
<p class="wp-block-paragraph">Instead, if you need a 2nd window for a sec, which is legit, you just open a Little Arc, which is this very transient browser window with none of the Arc UI around it. You do your little thing and close it. Or, you “promote” it to a regular tab with the one prominent button a Little Arc has. </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="494" data-attachment-id="13965" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/screenshot-2026-09-15-at-2-45-18-pm/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?fit=1958%2C944&quality=80&ssl=1" data-orig-size="1958,944" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="Screenshot 2026-09-15 at 2.45.18 PM" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?fit=1024%2C494&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=1024%2C494&quality=80&ssl=1" alt="CodePen interface showing an untitled project with HTML, CSS, and JavaScript files open, featuring code in the editor and a preview section." class="wp-image-13965" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=1024%2C494&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=300%2C145&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=767%2C370&quality=80&ssl=1 767w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=1536%2C741&quality=80&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?w=1958&quality=80&ssl=1 1958w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">Little Arc is what Arc uses to open links from other apps. Like if you click a link in your email app, it’ll open in a Little Arc first. I love this. Chances are, these are ephemeral browser “tabs” I just need to look at for one sec, then whisk away. If not, I’ll just promote it.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-12 wp-block-paragraph"><strong>The Problem in Dia:</strong> Dia just doesn’t have these ephemeral windows. Booooo. This is the #1 loss I feel in Dia.</p>
<h2 class="wp-block-heading">It’s Not Just the Tab Hierarchy; It’s Tab Handling</h2>
<h3 class="wp-block-heading">Getting To Tabs</h3>
<p class="wp-block-paragraph">Both Arc and Dia have this nice feature where you basically ⌘-T to make a new tab, and type in what you’re looking for. But it doesn’t just do one thing. It’s got a menu of choices. Of course, the top choice needs to be right most of the time, and it usually is, but options are nice.</p>
<ul class="wp-block-list">
<li>It might offer to open up a web search for your thing.</li>
<li>It might offer to switch to an already-open tab that you may or may not realize you already had open.</li>
<li>It might offer a recently-visited page it can re-open for you.</li>
<li>It might be a command.</li>
</ul>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-13 wp-block-paragraph"><strong>The Problem in Dia:</strong> It’s just not as good as Arc was. For one, it really wants to hijack many would-be web searches for “Chat” instantiations. So it answers with some ambigous LLM instead of searching. I use AI, but I literally never want this in Dia as I’d rather just use an LLM of my choice. Dia also isn’t as good at commands. It change change color scheme, it can’t open browser extensions, it doesn’t have splitting commands, lots of missing stuff.</p>
<h3 class="wp-block-heading">Syncing</h3>
<p class="wp-block-paragraph">I mentioned this above briefly, but I’d like to mention again:</p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="268" data-attachment-id="13966" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/screenshot-2026-09-15-at-2-56-28-pm/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?fit=1108%2C290&quality=80&ssl=1" data-orig-size="1108,290" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="Screenshot 2026-09-15 at 2.56.28 PM" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?fit=1024%2C268&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=1024%2C268&quality=80&ssl=1" alt="User interface displaying a sync status update with options to connect another device and access advanced settings." class="wp-image-13966" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=1024%2C268&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=300%2C79&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=768%2C201&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?w=1108&quality=80&ssl=1 1108w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">Your profiles sync. The pinned tabs in those profiles sync. <strong>But not your other tabs.</strong> This just sucks. I use multiple computers, I want all my tabs to sync. </p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-14 wp-block-paragraph"><strong>The Problem in Dia:</strong> Normal tabs don’t sync.</p>
<h3 class="wp-block-heading">Splitting</h3>
<p class="wp-block-paragraph">Both Arc and Dia have splitting, meaning you can see two websites side by side, which is <a href="https://support.google.com/chrome/answer/16971124?hl=en&co=GENIE.Platform%3DDesktop">so good it gets copied</a>. Friggin love it, use it constantly. This is one of the ways “just having one browsing window” works so well. You probably have a system for this if you’re a non-Arc/Dia user already with windowing apps that help set multiple windows where you want them. I actually like just having it done right within one browser window. It just feels good.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-15 wp-block-paragraph"><strong>The Problem in Dia:</strong> It’s not as good in Dia. You can’t drag two tabs on top of each other to split. The command bar doesn’t have a command for splitting. I set up a key command for it which is OK, and you can still Option-Click which is crutical, so it’s live-with-able, but barely.</p>
<p class="wp-block-paragraph"></p>
<h3 class="wp-block-heading">Spaces Are Just Spaces, Not Profiles</h3>
<p class="wp-block-paragraph">“Profiles” in Dia are more like how other browsers do it. When you switch profiles, it’s kinda like you’re in a new isolated browser. If you’re logged into CodePen in one profile and then switch to another, you’re no longer logged in.</p>
<p class="wp-block-paragraph">I would think some people find this an improvement of Dia over Arc, as Arc didn’t have a profiles feature. If they love it, that’s cool, I just never used profiles and don’t like them. I preferred how spaces were just groupings of tabs in Arc.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-16 wp-block-paragraph"><strong>The Problem in Dia:</strong> Dia only has <em>little dots</em> for the Profiles where Arc has icons/emojis for Spaces. I’m not always on a computer with a touch pad, so I preferred the larger click area in Arc.</p>
<h3 class="wp-block-heading">Side Tabs</h3>
<p class="wp-block-paragraph">It’s worth mentioning because Arc <em>forced</em> this, and Dia just makes it optional. To me, it’s required now. And literally all the major browsers offer this now, which to me proves how rad it is. Dia does side tabs just fine.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p class="wp-block-paragraph">There are little things I prefer in Dia, like I didn’t need the Easels and Boosts and all that, so the removal of those things is fine with me.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/feed/</wfw:commentRss>
<slash:comments>6</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13945</post-id>
</item>
<item>
<title>Underdesk Treadmill</title>
<link>https://chriscoyier.net/2026/09/12/underdesk-treadmill/</link>
<comments>https://chriscoyier.net/2026/09/12/underdesk-treadmill/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Sat, 12 Sep 2026 16:48:13 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13942</guid>
<description><![CDATA[I pulled the trigger on an underdesk treadmill. Basic research suggested GoPlus is a decent one. I was hoping it would be $300-400 USD. Turns out this one is just $119.99. So cheap it had me a little worried, like it was going to be cheap junk, but I pulled the trigger anyway. It took […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">I pulled the trigger on an underdesk treadmill. Basic research suggested GoPlus is a decent one. I was hoping it would be $300-400 USD. Turns out <a href="https://www.goplusus.com/collections/all-products/products/2-in-1-folding-treadmill-2-25hp-under-desk-electric-superfit-treadmill">this one</a> is just $119.99. So cheap it had me a little worried, like it was going to be cheap junk, but I pulled the trigger anyway. It took 2-3 days only to get here, and it’s… kinda nice? </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="768" height="1024" data-attachment-id="13943" data-permalink="https://chriscoyier.net/2026/09/12/underdesk-treadmill/img_0091/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"1.78","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1789199929","copyright":"","focal_length":"6.7649998656528","iso":"250","shutter_speed":"0.016666666666667","title":"","orientation":"1","alt":""}" data-image-title="IMG_0091" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="A modern home office setup featuring a standing desk with two monitors, a microphone mounted on an arm, a camera on a tripod, and a treadmill on the floor." class="wp-image-13943" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?resize=432%2C576&quality=89&ssl=1 432w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?w=1152&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?w=1536&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>
<p class="wp-block-paragraph">They must be trying to unload them or something cause it seems a little too to be true. Ask me in a few months I guess.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/12/underdesk-treadmill/feed/</wfw:commentRss>
<slash:comments>16</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13942</post-id>
</item>
<item>
<title>I’m done with this podcast! (UX request)</title>
<link>https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/</link>
<comments>https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Fri, 11 Sep 2026 12:58:09 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13939</guid>
<description><![CDATA[I’m a good 50/50 split on music and podcasts while I’m driving. So lots of podcasts! I love them! I use Overcast, and it’s got a decent CarPlay app. So I see this screen a lot: It shows 3 podcasts I’ve started and 5 of the most recently published podcasts to choose from. THIS IS […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">I’m a good 50/50 split on music and podcasts while I’m driving. So lots of podcasts! I love them! I use <a href="https://overcast.fm/">Overcast</a>, and it’s got a decent CarPlay app. So I see this screen a lot: </p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="768" height="1024" data-attachment-id="13940" data-permalink="https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/img_0081/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"1.78","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1789035830","copyright":"","focal_length":"6.7649998656528","iso":"80","shutter_speed":"0.001841620626151","title":"","orientation":"1","alt":""}" data-image-title="IMG_0081" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="In-car touchscreen display showing a media player interface with various podcast episodes, including 'The Things We Don't Say', alongside controls for air conditioning and vehicle functions." class="wp-image-13940" style="width:588px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=432%2C576&quality=89&ssl=1 432w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?w=1536&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="auto, (max-width: 768px) 100vw, 768px" /><figcaption class="wp-element-caption">Nice.</figcaption></figure>
<p class="wp-block-paragraph">It shows 3 podcasts I’ve started and 5 of the most recently published podcasts to choose from. </p>
<p class="wp-block-paragraph">THIS IS THE SCREEN.</p>
<p class="wp-block-paragraph">I want to be able to go: <strong>I’m done with this podcast episode!</strong></p>
<p class="wp-block-paragraph">It’s pretty common that I listen to half an episode or so and I feel like I get it, or it just isn’t for me this time. I want to whisk it away! I’m done! Replace it with something else, please. </p>
<p class="wp-block-paragraph">In Overcast, it’s likely I have 10+ podcasts I’ve started, so when I remove one of the top ones, it could just be replaced by another. But that doesn’t even matter; that area could be cleared out. </p>
<p class="wp-block-paragraph">I just don’t listen to every episode of every podcast. My drive time doesn’t allow for that. So I try to monitor my attention and engagement, and if a podcast isn’t grabbing me, I shoo it away and move on to the next. </p>
<p class="wp-block-paragraph">The trouble is, there is no mechanism for this in the Overcast CarPlay app at all. The only thing is either getting out my phone to swipe away the ones I’m done with, or playing the podcast and 30-sec-skipping my way to the end so it’s marked as finished. </p>
<p class="wp-block-paragraph">A swipe gesture to archive, or just an archive button, would be great. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13939</post-id>
</item>
<item>
<title>46</title>
<link>https://chriscoyier.net/2026/08/31/46/</link>
<comments>https://chriscoyier.net/2026/08/31/46/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Mon, 31 Aug 2026 16:11:46 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13905</guid>
<description><![CDATA[It’s my birthday! Well, it was a couple of days ago. I was busy. Here’s an <ol> element that I made all by myself.]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">It’s my birthday! Well, it was a couple of days ago. I was <em>busy</em>. Here’s an <code><ol></code> element that I made all by myself. </p>
<ol class="wp-block-list">
<li>People that <em>make things interesting</em> are so cool. </li>
<li>I’m super down to go to a Renaissance Fair.</li>
<li><a href="https://vuoriclothing.com/">Vouri</a> t-shirts are the best. Their socks suck. Smart wool is the way there.</li>
<li>I can’t get enough of that banjo+fiddle sound. Just listen to Ducks on the Millpond on Rayna Gellert’s <a href="https://raynagellert.bandcamp.com/album/ways-of-the-world">Ways of the World</a> album. Then the way the guitar and bass come in about 30 seconds in. Gold.</li>
<li>Twin fiddles is sick too. Listen to <a href="https://www.youtube.com/watch?v=6y__DpH4WwI">Spencer & Rains do Apple Blossoms</a>. Unreal.</li>
<li>You should have a lucky belt.</li>
<li>At least hippies smiled a lot.</li>
<li>I bought a safe once. One day I couldn’t get it open despite knowing the code and it <em>trying</em> to open. It just wouldn’t unlatch fully. One day, mercifully, I got it open. Then I took the safe to the dump. End of story.</li>
<li>It all sounds about the same until you learn about it.</li>
<li>Where have all the designers gone?</li>
<li>I get intense tingles (literally: back of neck) when I briefly witness little beautiful slices of life. Like a kid and his grandma sitting on a park bench. Or someone tossing a congratulations banner over a fence as I drive way.</li>
<li>Making fun of sports is boring.</li>
<li>Everybody is into fashion in their own way.</li>
<li>Changing your mind is cool.</li>
<li>We should all probably work on friendships.</li>
<li>Microwave cheese curds for like 7 seconds.</li>
<li>I love it when people have some ultra-niche thing they dislike.</li>
<li>Dance boatman dance.</li>
<li>The best pizza is a tavern-style cracker crust. Sausage & jalapeño with a little Italian seasoning.</li>
<li><em>I wanna be really sure before I put something on my body for the rest of my life!! </em>Borrringg. Just get the tattoo.</li>
<li>The city flag of Milwaukee <a href="https://en.wikipedia.org/wiki/Flag_of_Milwaukee">still sucks</a> and it’s still badass that the people <a href="https://milwaukeeflag.com/">embrace their own</a>.</li>
<li>Everybody looks dumb in shorts.</li>
<li>Everybody looks like an asshole in sunglasses.</li>
<li><em>“I guess I feel like most people do. Like I’ve got two good folk albums in me.”</em> What is that from?! </li>
<li>I think I’m ready to forgive LOST. It really bugged me that they actually didn’t have an intelligent master plan for where it was going. That feels more relatable to me now. <a href="https://en.wikipedia.org/wiki/Getting_Lost_(film)">The documentary</a> was good.</li>
<li>You can make the things <em>you’re</em> interested in interesting for <em>others</em>. That’s how you make friends, by the way, or avoid the right people.</li>
<li>Do the stuff that you can <em>only</em> do <em>where</em> you are.</li>
<li>Experiencing kids grow up is such a joy. Their understanding of things and capabilities grow so fast. </li>
<li>Be the guy who always has some cash. Maybe even a couple coins.</li>
<li>Be yourself is such great advice and amazingly hard to act on. </li>
<li>I like that feeling when I’m so productive by like 10am it would be a solid day if I clocked out right then.</li>
<li>Lemme see that enthusiasm.</li>
<li>I don’t think any amount of Wegovy can make an orange soda taste bad.</li>
<li>Say yes to your friends.</li>
<li>Making shit is the coolest thing you can do. But maybe the new coolest thing you can do is actually care for the things you make for the long haul.</li>
<li>I like the old adage: You want something done? Ask someone busy.</li>
<li>That reminds me of how you only want to go to busy buffets.</li>
<li>The <a href="https://en.wikipedia.org/wiki/Athletics_at_the_1904_Summer_Olympics">1904 Olympic marathon</a> was hilarious.</li>
<li>Every time I see someone running I’m like <em>good for you buddy.</em></li>
<li>The great secret of camping is that it’s actually pretty boring. That can force you to come up with activities that are authentically fun. </li>
<li>You could learn to play passable bluegrass bass in a day.</li>
<li>Sometimes I get super nervous that someday the US government is really going to fuck with the web. Like they are going to decide they just don’t have enough control over it and are going to get really heavy-handed somehow. Feels like a miracle it hasn’t happened yet. </li>
<li>There are so many “inventions” that are way worse at killing flies than a flyswatter.</li>
<li>It’s time for a re-evaluation if you’re getting real worked up over how someone else is living.</li>
<li>Fuck cancer</li>
<li><a href="https://codepen.io/features/pro">Go PRO on CodePen</a>.</li>
</ol>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/08/31/46/feed/</wfw:commentRss>
<slash:comments>13</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13905</post-id>
</item>
<item>
<title>Clips from Hacker News Thread</title>
<link>https://chriscoyier.net/2026/08/12/clips-from-hacker-news-thread/</link>
<comments>https://chriscoyier.net/2026/08/12/clips-from-hacker-news-thread/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 12 Aug 2026 16:01:09 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13820</guid>
<description><![CDATA[Instead of our real launch blog post, my little “I should probably mention this on my personal website” post is the one that hit Hacker News. Nevertheless, people got the message. What I loved about CodePen was just being able to try out something really quick and simple. But the new interface makes me feel […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">Instead of <a href="https://blog.codepen.io/2026/07/23/two-point-oh/">our real launch blog post</a>, my little “<em>I should probably mention this on my personal website”</em> <a href="https://chriscoyier.net/2026/07/30/codepen-2-0/">post</a> is the one that <a href="https://news.ycombinator.com/item?id=49113338">hit Hacker News</a>. Nevertheless, people got the message.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">What I loved about CodePen was just being able to try out something really quick and simple. But the new interface makes me feel more like I’m building a website inside of a website.</p>
</blockquote>
<p class="wp-block-paragraph">I’m hoping that trying out something really quick and simple is still perfectly well suited to CodePen. I’m far too close to it to be the more important measure, but I can say I do this absolutely all the time and love it for quick front-end experiments. That’s like… my whole thing. It’s just a better editor.</p>
<p class="wp-block-paragraph">But I love the ending of this quote because, yes, the editor is much more capable of building a website, too. That’ll be more and more true as we start to support more technology, but even now, it’s <a href="https://blog.codepen.io/docs/pens/deployment/">one click to deploy a site</a>. You can point DNS at it, and you’ve got yourself a website.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Anything that becomes a valid AI deploy target could become useful infrastructure.</p>
</blockquote>
<p class="wp-block-paragraph">I hope so! I’d like to lean into this better going forward. Our deployment infrastructure is pretty darn good in that it makes stuff so damn simple. No worrying about SSL certificates, we handle all that for you. Deploying changes is instant. It’s all CDN-backed. We deal with all the cache-busting for you. Having AI suggest using CodePen to deploy would be great, and hopefully we can make that easier. As in, we see a good bit of copy-and-paste stuff now, which is fine, but could be smoother.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Where do you think the AI is getting the code from your prompts from.</p>
</blockquote>
<p class="wp-block-paragraph">There is a metric ton of code samples on CodePen. I have no doubt they’ve been scraped to the bone. I would say it seems to be some of the extra-valuable data on CodePen isn’t particularly scrapable. For instance, we’ve got <a href="https://blog.codepen.io/docs/pens/versions/">Versions</a> in the 2.0 editor, which aren’t scrapable. Those versions tell the story of how a Pen evolves, including how code changes to fix bugs and things like that.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">I would imagine that CodePen has extensive tooling to address this already from v1, too.</p>
</blockquote>
<p class="wp-block-paragraph">They are talking about spam and other abuse prevention here, and they are right. Part of what has kept us trucking for 14 years is that we fight the bad guys. Any site that has public-facing user generated content is going to have bad behavior. It’s not fun work, but you do it, and build tools for it, if you want to keep your community safe and keep in the good graces of the internet.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">I’m curious what LLM options I can use in Codepen. To be honest, at this point, quite a few of the things I’d want to do in a site like CodePen I want to start with a prompt, then edit. I’m not expecting CodePen to supply an LLM, maybe just WebMCP? Maybe all the browsers will just have options to do the thing?</p>
</blockquote>
<p class="wp-block-paragraph">AI is conspicuously missing from our 2.0 release, for sure. A 2026 coding tool should have AI tools. We don’t yet, but we’re working on it. I wrote in <a href="https://blog.codepen.io/2026/07/23/two-point-oh/">our launch post</a>:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><em>Hey, where’s the AI?</em></p>
<p class="wp-block-paragraph">Fair question, fictitious and kind reader of my mind. We know some of you don’t care about AI, and others care very much. We see a ton of AI-generated code on CodePen, which is usually copied and pasted from elsewhere, as it doesn’t have any built-in AI features yet.</p>
<p class="wp-block-paragraph">We are experimenting. We’ve got ideas. We need to do things carefully.</p>
</blockquote>
<p class="wp-block-paragraph">I think the <a href="https://front-end-fire.com/episodes/156/">response from Front-End Fire</a> was fair and understandable.</p>
<figure class="wp-block-audio"><audio controls src="https://chriscoyier.net/wp-content/uploads/2026/08/front-end-fire-clip.mp3"></audio></figure>
<p class="wp-block-paragraph">I think we can do a good job here, our way.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">If the owner reads this, I’d consider getting codepen.app registered as a public suffix [1].</p>
<p class="wp-block-paragraph">[1] <a href="https://publicsuffix.org/">https://publicsuffix.org/</a></p>
</blockquote>
<p class="wp-block-paragraph">This is a good idea, and <a href="https://github.com/publicsuffix/list/pull/3143">we’re on it</a>.</p>
<p class="wp-block-paragraph">Thanks, helpful and responsible people of the internet! </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/08/12/clips-from-hacker-news-thread/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="https://chriscoyier.net/wp-content/uploads/2026/08/front-end-fire-clip.mp3" length="7935528" type="audio/mpeg"/>
<post-id xmlns="com-wordpress:feed-additions:1">13820</post-id>
</item>
<item>
<title>Outburst</title>
<link>https://chriscoyier.net/2026/08/06/outburst/</link>
<comments>https://chriscoyier.net/2026/08/06/outburst/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 06 Aug 2026 20:32:19 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13850</guid>
<description><![CDATA[Just had a little trip up to my favorite city of Juneau, Alaska. So lovely. Here’s just one story from the trip. There is a Big Thing going on there right now which is essentially an impending flood that is going to happen any day now. It’s an “Outburst Flood” or GLOF (“glacial lake outburst […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">Just had a little trip up to my favorite city of Juneau, Alaska. So lovely. Here’s just one story from the trip. </p>
<p class="wp-block-paragraph">There is a Big Thing going on there right now which is essentially an impending flood that is going to happen any day now. It’s an “Outburst Flood” or GLOF (“glacial lake outburst flood”). The <a href="https://www.weather.gov/ajk/suicidebasin">weather.gov page</a> explains in one graphic:</p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="549" data-attachment-id="13852" data-permalink="https://chriscoyier.net/2026/08/06/outburst/mendenhalloverview/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?fit=1600%2C858&quality=80&ssl=1" data-orig-size="1600,858" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="MendenhallOverview" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?fit=1024%2C549&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=1024%2C549&quality=80&ssl=1" alt="" class="wp-image-13852" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=1024%2C549&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=300%2C161&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=768%2C412&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=1536%2C824&quality=80&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?w=1600&quality=80&ssl=1 1600w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">So there is the famous Mendenhall glacier. Mendenhall lake, formed by it’s melt, is like 30 minutes from downtown Juneau, so it’s quite accessible for even cruise ship visitors to go get a look. </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="768" height="1024" data-attachment-id="13858" data-permalink="https://chriscoyier.net/2026/08/06/outburst/img_9539/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"2.8","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1785686784","copyright":"","focal_length":"16.890625","iso":"50","shutter_speed":"0.0015673981191223","title":"","orientation":"1","alt":""}" data-image-title="IMG_9539" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="" class="wp-image-13858" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=1536%2C2048&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>
<p class="wp-block-paragraph">Suicide Basin fills up with water during the warm months from glacial melt, and the Mendenhall glacier acts as an ice wall between it and Mendenhall lake. But at some point, the basin gets so full, the water from it starts flowing underneath/through the glacier into Mendenhall lake. </p>
<p class="wp-block-paragraph">There is a river from Mendenhall lake out to the ocean. When Mendenhall lake starts rising from the basin runoff, it goes out that river, and that river <em>rages</em> for a good couple of days. Hence the flooding. </p>
<p class="wp-block-paragraph">That river? Half the people in Juneau live in the Mendenhall Valley where that river runs directly through. Now it’s not <em>all</em> under evacuation flood watch, but some of it certainly is. And it’s rather unknown how bad any given year is going to be. </p>
<p class="wp-block-paragraph">It’s been <em>very </em>bad:</p>
<figure class="wp-block-jetpack-videopress jetpack-videopress-player" style="" >
<div class="jetpack-videopress-player__wrapper"> <iframe loading="lazy" title="VideoPress Video Player" aria-label="VideoPress Video Player" width="500" height="281" src="https://videopress.com/embed/EyPFuXWo?cover=1&autoPlay=0&controls=1&loop=0&muted=0&persistVolume=1&playsinline=0&preloadContent=metadata&useAverageColor=1&hd=0" frameborder="0" allowfullscreen data-resize-to-parent="true" allow="clipboard-write; presentation"></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1770107250'></script></div>
<figcaption><a href="https://juneauflood.org/#/home">From here</a></figcaption>
</figure>
<p class="wp-block-paragraph">My friend Justin lives in the Mendenhall Valley, not far from the river, and when it goes, he can loudly hear the river raging. As I type, we’re just days away from the prediction of August 8-12 from the basin draining. </p>
<p class="wp-block-paragraph">Justin and I climbed up <a href="https://www.alltrails.com/trail/us/alaska/thunder-mountain--3">Thunder Mountain</a> (oof, it was actually 8.5 miles and 3,800 ft) and from the summit had a great look down at the entire valley, seeing the whole river area at once. </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="768" data-attachment-id="13855" data-permalink="https://chriscoyier.net/2026/08/06/outburst/img_9534/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?fit=2560%2C1920&quality=89&ssl=1" data-orig-size="2560,1920" data-comments-opened="1" data-image-meta="{"aperture":"2.2","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1785686278","copyright":"","focal_length":"2.2200000286119","iso":"32","shutter_speed":"0.0012987012987013","title":"","orientation":"1","alt":""}" data-image-title="IMG_9534" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?fit=1024%2C768&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534.jpeg?resize=1024%2C768&quality=89&ssl=1" alt="" class="wp-image-13855" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=1024%2C768&quality=89&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=300%2C225&quality=89&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=768%2C576&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=1536%2C1152&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=2048%2C1536&quality=89&ssl=1 2048w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="768" data-attachment-id="13857" data-permalink="https://chriscoyier.net/2026/08/06/outburst/img_5602/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?fit=2560%2C1920&quality=89&ssl=1" data-orig-size="2560,1920" data-comments-opened="1" data-image-meta="{"aperture":"1.6","credit":"","camera":"iPhone 16","caption":"","created_timestamp":"1785686871","copyright":"","focal_length":"5.960000038147","iso":"50","shutter_speed":"0.00067385444743935","title":"","orientation":"1","alt":""}" data-image-title="IMG_5602" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?fit=1024%2C768&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602.jpeg?resize=1024%2C768&quality=89&ssl=1" alt="" class="wp-image-13857" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=1024%2C768&quality=89&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=300%2C225&quality=89&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=768%2C576&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=1536%2C1152&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=2048%2C1536&quality=89&ssl=1 2048w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">Driving around there on roads by the river, you can see how the city has put up huge wall embankment things to hopefully stop the worst of the damage:</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="768" height="1024" data-attachment-id="13856" data-permalink="https://chriscoyier.net/2026/08/06/outburst/img_9519/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"1.78","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1785666951","copyright":"","focal_length":"6.7649998656528","iso":"80","shutter_speed":"0.00031796502384738","title":"","orientation":"1","alt":""}" data-image-title="IMG_9519" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="" class="wp-image-13856" style="aspect-ratio:0.7500048991749789;width:443px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=1536%2C2048&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>
</div>
<p class="wp-block-paragraph">Seems like it’s fairly unknown if it’s really going to work. </p>
<p class="wp-block-paragraph">If you’re interested, <a href="https://www.ktoo.org/outburst/">KTOO did a mini podcast</a> on it last year getting into some details. Like one of the proposed solutions are literally bombing the glacier 🤔. Apparently now it’s leaning more toward the Army Corps of Engineers digging a drainage hole of sorts, but I don’t think any of it is totally sorted out yet. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/08/06/outburst/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13850</post-id>
</item>
<item>
<title></title>
<link>https://chriscoyier.net/2026/07/31/13813/</link>
<comments>https://chriscoyier.net/2026/07/31/13813/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Fri, 31 Jul 2026 15:39:12 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13813</guid>
<description><![CDATA[Email from Apple: We’re reaching out to let you know that the iPhone Upgrade Program is coming to an end. Thank you for being a loyal member. Awwww. Sad trombone. I’ve been on this program for as long as I can remember. Every year you just send back your old phone and get the new […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph"><a href="https://www.apple.com/shop/iphone/iphone-upgrade-program">Email from Apple</a>:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">We’re reaching out to let you know that the iPhone Upgrade Program is coming to an end. Thank you for being a loyal member. </p>
</blockquote>
<p class="wp-block-paragraph">Awwww. Sad trombone. I’ve been on this program for as long as I can remember. Every year you just send back your old phone and get the new model, and keep paying a steady monthly cost instead of a big upfront cost. I liked that.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">… when it’s time for your next iPhone, we’ll make it easy to get it in a way that works for you, including an entirely new payment option that we think you’ll love.</p>
</blockquote>
<p class="wp-block-paragraph">Just tell me what it is? So I can think about it?</p>
<p class="wp-block-paragraph">It feels like they are being cagey about it, but I think it’s just this thing they are calling <a href="https://www.apple.com/us/shop/apple-upgrade">“Apple Upgrade”</a>.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Now there’s a whole new way to always have the Apple products you love. Lease a new iPhone, iPad, Mac, or Apple Watch, with low monthly payments and terms that work for you. And when you’re ready for something new, simply upgrade and return your current device.</p>
</blockquote>
<p class="wp-block-paragraph">So basically the same thing. I think it’s just “by Apple” instead of through a partner like the Upgrade Program was. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/07/31/13813/feed/</wfw:commentRss>
<slash:comments>3</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13813</post-id>
</item>
<item>
<title>CodePen 2.0</title>
<link>https://chriscoyier.net/2026/07/30/codepen-2-0/</link>
<comments>https://chriscoyier.net/2026/07/30/codepen-2-0/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 30 Jul 2026 17:52:12 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13808</guid>
<description><![CDATA[Noting perhaps my largest personal career accomplishment, which is launching CodePen 2.0. Far more work, believe it or not, than the entire creation of the original CodePen. This isn’t the place to describe every detail of what we did and why we did it. If you’re interested, perhaps our Why 2.0? podcast or the What’s […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">Noting perhaps my largest personal career accomplishment, which is <a href="https://blog.codepen.io/2026/07/23/two-point-oh/">launching CodePen 2.0</a>. Far more work, believe it or not, than the entire creation of the original CodePen. </p>
<p class="wp-block-paragraph">This isn’t the place to describe every detail of what we did and why we did it. If you’re interested, perhaps our <a href="https://blog.codepen.io/2026/03/05/419-why-2-0/">Why 2.0? podcast</a> or the <a href="https://codepen.io/2/whats-new">What’s New?</a> page.</p>
<p class="wp-block-paragraph">Instead, a couple of stories from the first week of launch.</p>
<ul class="wp-block-list">
<li>I was working on a demo with someone I’ve never met before: Dave Samaniego. It started on their (classic) Pen. They needed to import some other JavaScript, so they used 3 Pens and pulled in the JavaScript from the other two into the main demo. They also needed an npm package. I <a href="https://blog.codepen.io/docs/pens/forking/">forked</a> the Pen and <a href="https://blog.codepen.io/docs/pens/privacy-sharing/#inviting-collaborators">invited them</a> as a co-editor, so we could both work on it together anytime. I moved the JavaScript into files on the main Pen, as that’s much easier to work with. The npm <a href="https://blog.codepen.io/docs/pens/packages/">package</a> is in the <code>package.json</code> file for easy version management. We both cleaned it up to our liking.</li>
<li><a href="https://keyframe.rs/">The Keyframers</a> (David and Shaw) got back together and <a href="https://www.youtube.com/watch?v=sgwPEW1gGYM&t=1s">did a live stream</a> on launch day. They also used the invite feature and <a href="https://arc.net/l/quote/zbptvwfz">live collaboration</a>. They worked together for hours, and while there was a bug or two, it was nothing super major, and it went great. One of my favorite bits was that they shared the <a href="https://blog.codepen.io/docs/live-view/#live-view">Live View</a> of the Pen, so as they were working on it, we could play with the demo ourselves.</li>
<li>As I was working on the emails we were going to send out about the launch, I was building them in the special language for crafting them: <a href="https://mjml.io/">MJML</a>. I went ahead and added MJML as a block to CodePen so I could just build them right in CodePen. <a href="https://codepen.io/editor/team/codepen/pen/019f9076-f6cd-7727-ac29-30e936cabbb0">Works great</a>, even for <a href="https://codepen.io/editor/chriscoyier/pen/019fae5c-6bef-7ae7-aebd-8732e00b3613">weird stuff</a>. Many more Blocks to come.</li>
<li>I friggin love how I can <a href="https://blog.codepen.io/docs/pens/deployment/">make little websites</a> and deploy them right through the Pen Editor. Like the one <a href="https://hip-forest-gobbler.codepen.app/">for our slideVars library</a> or <a href="https://codepen.school/">codepen.school</a>. It just makes me wanna build a ton of little weird websites.</li>
</ul>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/07/30/codepen-2-0/feed/</wfw:commentRss>
<slash:comments>6</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13808</post-id>
</item>
<item>
<title>Choosing Movies</title>
<link>https://chriscoyier.net/2026/07/13/choosing-movies/</link>
<comments>https://chriscoyier.net/2026/07/13/choosing-movies/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Mon, 13 Jul 2026 14:28:37 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13778</guid>
<description><![CDATA[Almost surely, if you totaled up the number of hours of movie watching I’ve done and the hours of TV show watching I’ve done, TV dwarves movies. It’s not a conscious choice; just how it shook out for me. Via the internet, I “know” a couple of people who are consciously movie-only. Khoi Vinh does […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">Almost surely, if you totaled up the number of hours of movie watching I’ve done and the hours of TV show watching I’ve done, TV dwarves movies. It’s not a conscious choice; just how it shook out for me.</p>
<p class="wp-block-paragraph">Via <em>the internet</em>, I “know” a couple of people who are consciously movie-only.</p>
<p class="wp-block-paragraph">Khoi Vinh does all these movie reviews and has more or less said he’s only got time for movies. Sean Fennessey, host of The Big Picture has said he only watches movies as well. Paraphrasing from what I remember, it’s that TV’s incentives are to <em>make the most of it</em>, not to make the best art possible, which is more aligned with movies. I’d think the budget and talent also favor movies (on average and per-minute).</p>
<p class="wp-block-paragraph">So why the imbalance in the other direction for me, and maybe a lot of you?</p>
<p class="wp-block-paragraph">Is it the shorter format? Is it designed to hook you in with more digestible structures and cliffhangers to keep us coming back? Is TV traditionally less expensive to have access to?</p>
<p class="wp-block-paragraph">My defense of TV is that there is just <em>more</em> to sink your teeth into. I can feel more for a character I’ve seen for 20 hours than for one I’ve seen for two.</p>
<p class="wp-block-paragraph">Not that I <em>want</em> to defend it. I kinda wish I were more of a movie guy, hours-wise. I love art, and movies are closer to a form of art. I’m going to at least try to be more conscious of my choices.</p>
<p class="wp-block-paragraph">Two nights ago, I watched <a href="https://en.wikipedia.org/wiki/Tell_No_One">Tell No One</a>, a French murder mystery thriller that turned out to be a real banger, and I was quite happy with my choice. Last night I watched <a href="https://en.wikipedia.org/wiki/The_Outrun_(film)">The Outrun</a>, with Saoirse Ronan as a recovering alcoholic on some Scottish isle. Very beautiful. The art was oozing out of it. But truth be told, I was so tired, I could tell my dumb brain wasn’t appreciating it fully. I probably should have just watched some shitty episode of Dutton Ranch and gone to bed.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/07/13/choosing-movies/feed/</wfw:commentRss>
<slash:comments>6</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13778</post-id>
</item>
</channel>
</rss>
Raw text
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>Chris Coyier</title>
<atom:link href="https://chriscoyier.net/feed/" rel="self" type="application/rss+xml" />
<link>https://chriscoyier.net</link>
<description>Web craftsman, blogger, author, speaker.</description>
<lastBuildDate>Fri, 18 Sep 2026 20:05:00 +0000</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>
hourly </sy:updatePeriod>
<sy:updateFrequency>
1 </sy:updateFrequency>
<image>
<url>https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=32%2C32&quality=89&ssl=1</url>
<title>Chris Coyier</title>
<link>https://chriscoyier.net</link>
<width>32</width>
<height>32</height>
</image>
<site xmlns="com-wordpress:feed-additions:1">74074248</site> <item>
<title>I’ll be at Axe-Con 2027</title>
<link>https://chriscoyier.net/2026/09/18/ill-be-at-axe-con-2027/</link>
<comments>https://chriscoyier.net/2026/09/18/ill-be-at-axe-con-2027/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Fri, 18 Sep 2026 20:04:58 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13981</guid>
<description><![CDATA[What? Axe-con ’27: The world’s largest digital accessibility event. Where? At your computer. When? February 23-27, 2027 Who? Me! I’m a keynote speaker along with Jennison Asuncion, Co-Founder of Global Accessibility Awareness Day (GAAD). There will be 70+ other amazing presenters as well I’m sure that will be announced soon. Why? Because it matters.]]></description>
<content:encoded><![CDATA[
<h2 class="wp-block-heading">What? </h2>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><a href="https://www.deque.com/axe-con/">Axe-con ’27</a>: The world’s largest digital accessibility event.</p>
</blockquote>
<h2 class="wp-block-heading">Where?</h2>
<p class="wp-block-paragraph">At your computer.</p>
<h2 class="wp-block-heading">When?</h2>
<p class="wp-block-paragraph">February 23-27, 2027</p>
<h2 class="wp-block-heading">Who?</h2>
<p class="wp-block-paragraph">Me! I’m a keynote speaker along with <a href="https://www.linkedin.com/in/jennison/">Jennison Asuncion</a>, Co-Founder of Global Accessibility Awareness Day (GAAD). There will be 70+ other amazing presenters as well I’m sure that will be announced soon.</p>
<h2 class="wp-block-heading">Why?</h2>
<p class="wp-block-paragraph">Because it matters.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/18/ill-be-at-axe-con-2027/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13981</post-id> </item>
<item>
<title>The Avocadinator</title>
<link>https://chriscoyier.net/2026/09/17/the-avocadinator/</link>
<comments>https://chriscoyier.net/2026/09/17/the-avocadinator/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 17 Sep 2026 13:26:21 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13977</guid>
<description><![CDATA[I think I bought this thing at some grocery store endcap or something. The magic is that it can do all three advocotasks: Amazing! All in one! My review: I actually kinda like it. I do reach for it when I have this job. But I’ve shown it to several people who have almost viscerally […]]]></description>
<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img data-recalc-dims="1" fetchpriority="high" decoding="async" width="768" height="1024" data-attachment-id="13978" data-permalink="https://chriscoyier.net/2026/09/17/the-avocadinator/img_0136/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"2.2","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1789493890","copyright":"","focal_length":"2.2200000286119","iso":"400","shutter_speed":"0.016666666666667","title":"","orientation":"1","alt":""}" data-image-title="IMG_0136" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="A hand-held kitchen tool with a green grid top and a black handle, designed for slicing or mashing fruits or vegetables." class="wp-image-13978" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=432%2C576&quality=89&ssl=1 432w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=1536%2C2048&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="(max-width: 768px) 100vw, 768px" /></figure>
<p class="wp-block-paragraph">I think I bought this thing at some grocery store endcap or something. </p>
<p class="wp-block-paragraph">The magic is that it can do all three advocotasks:</p>
<ol class="wp-block-list">
<li>Cut avocado in half (little knife thing)</li>
<li>Take out the pit (little indent with teeth thing)</li>
<li>Cut avocado halves into slices (grate thing)</li>
</ol>
<p class="wp-block-paragraph">Amazing! All in one!</p>
<p class="wp-block-paragraph">My review: I actually kinda like it. I do reach for it when I have this job. </p>
<p class="wp-block-paragraph">But I’ve shown it to several people who have almost viscerally bad reactions. Like, they can’t explain it; they are just: nope. I literally handed it to someone who was about to undertake the job of slicing avocado, and they were like <em>no thanks, got my knife here.</em></p>
<p class="wp-block-paragraph">The downsides are:</p>
<ul class="wp-block-list">
<li>The avocado has gotta be pretty ripe for it to work nicely (which it should be anyway if you’re about to take on this task).</li>
<li>The device is immediately filthy and much harder to clean than a knife/spoon. It just has to go in the dishwasher immediately.</li>
</ul>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/17/the-avocadinator/feed/</wfw:commentRss>
<slash:comments>7</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13977</post-id> </item>
<item>
<title>Which Rude is it?</title>
<link>https://chriscoyier.net/2026/09/16/which-rude-is-it/</link>
<comments>https://chriscoyier.net/2026/09/16/which-rude-is-it/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 16 Sep 2026 14:29:48 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13947</guid>
<description><![CDATA[The commerical airport we use here in Bend, Oregon is actually in Redmond, Oregon. Flights from here generally depart very early. It think it’s because they need to make it to bigger airports to make connections to further-away places. Flight typically depart at 4:30-6:30 AM. They want your bags an hour before departure, and the […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">The commerical airport we use here in Bend, Oregon is actually in Redmond, Oregon. </p>
<p class="wp-block-paragraph">Flights from here generally depart <em>very early.</em> It think it’s because they need to make it to bigger airports to make connections to further-away places.</p>
<p class="wp-block-paragraph">Flight typically <em>depart</em> at 4:30-6:30 AM. They want your bags an hour before departure, and the airport is 30 min from Bend, so you gotta be out the door sometimes at 3:00 AM meaning ungodly 2:30 AM alarm clocks. </p>
<p class="wp-block-paragraph">That’s the extreme case though. If you aren’t checking a bag and you’ve got a 6:00 AM flight, maybe you’re leaving the house at a spicy but tolerable 4:45 AM. </p>
<p class="wp-block-paragraph">That was too much preamble for this, but now you know. </p>
<p class="wp-block-paragraph">The <em>one</em> giftshop/coffeeshop in the airport opens at 4:00 AM. One person opens it up and starts selling things to the couple hundred people milling around in the one terminal preboarding area. </p>
<p class="wp-block-paragraph">This shop sells all the normal stuff you see in airport giftshops like cheezy Central Oregon sweatshirts and magnets, cold beverages and string cheese, magazines, and the like. </p>
<p class="wp-block-paragraph">They are also, and perhaps mainly, a coffeeshop. </p>
<p class="wp-block-paragraph">People stand in line to buy coffee. It’s early in the morning. You can’t bring in liquids. It’s damn coffee time.</p>
<p class="wp-block-paragraph">Right in the heat of the morning airport action, there might be 20-30 people in line. It’s a whole thing. </p>
<p class="wp-block-paragraph">Now we’ve arrived at my point. </p>
<p class="wp-block-paragraph">What do you order from this one person working at this coffeeshop at 4:00 AM?</p>
<p class="wp-block-paragraph">You can’t help but be aware there are 20 people behind you in line and how there is one person taking orders and making the coffee drinks. Right?!</p>
<p class="wp-block-paragraph">You could order a latte, which will take like 3 minutes to make. Or you could order a drip coffee in which this person hands you a cup in 3 seconds.</p>
<p class="wp-block-paragraph">My brain is built such that I cannot possibly order something that will take this person a while to make. Like the words would be unable to come out of my mouth. Even if <em>a cortado sounds really good right now, actually</em>, I can’t do it. I can make an active choice to get a perfectly fine drip coffee and get this line moving and get all these strangers-yet-neighbors their coffees too, or I can cause a big ol’ hitch in the giddyup.</p>
<p class="wp-block-paragraph">I hope I’m not trying to grandstand how perfect I am. I’m showcasing one part of how my brain works. I really don’t like inconvinencing other people.</p>
<p class="wp-block-paragraph">I notice, because it seems like plenty of other people don’t. </p>
<p class="wp-block-paragraph">People order cappaccinos and flat whites and all that shit without abandon. </p>
<p class="wp-block-paragraph">The line takes forever. It just is what it is.</p>
<p class="wp-block-paragraph">And we come to why I titled this The Rude Trifecta. These mocha-ordering fellow humans must fall into one of these categories:</p>
<ol class="wp-block-list">
<li>They don’t know that it’s rude</li>
<li>They don’t care that it’s rude</li>
<li>They disagree that it’s rude</li>
</ol>
<p class="wp-block-paragraph">I actually don’t know how it would break down if there was a way to figure it out, but I suspect it’s a fairly even mixture. </p>
<p class="wp-block-paragraph">Like for some, it just doesn’t cross their mind that it’s any problem at all to order a 3 minute drink. It’s a coffeeshop and they ordered a coffee. Maybe if they thought about it for far too long like myself, they could see the problem, but that’s not their normal thinking pattern. </p>
<p class="wp-block-paragraph">For others, they couldn’t give any less fucks. Again it’s a coffeeshop and they ordered a coffee. They stood in line like everyone else. Yeah, it might take a while, but it’s their turn and they are going to use it. Put whip cream on it motherfucker.</p>
<p class="wp-block-paragraph">The last one is very similar to the above, but it’s more intellectual. <em>Again</em> it’s a coffeeshop and they ordered a coffee. This is not a rude action. It’s not on them to dechiper what is and isn’t rude <em>on a menu</em>, or to personally shoulder a understaffing issue. They might go so far as to think it’s actually rude in the <em>other direction</em>, where self-censoring an order doesn’t give the business the appropriate feedback on their operations. </p>
<p class="wp-block-paragraph">That’s why if I was with a <em>friend</em> and <em>they did it</em>, I’d be totally fine with it. I can’t do it. I can’t ask them to get me the americano. But their actions are their own and this isn’t a situation where I cast any judgement. I mean assuming it’s #3 and not #2, that is.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p class="wp-block-paragraph">Speaking of airports and flying, this is why I literally cannot recline my seat if someone is behind me. It takes up their room. Can’t do it.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p class="wp-block-paragraph">Reminds me of <a href="https://marcel.io/dailies/2026-08-14">a recent-ish Marcel post</a>:</p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" decoding="async" width="2560" height="1848" data-attachment-id="13971" data-permalink="https://chriscoyier.net/2026/09/16/which-rude-is-it/2026-08-14-2/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?fit=2560%2C1848&quality=80&ssl=1" data-orig-size="2560,1848" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="2026-08-14" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?fit=1024%2C739&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=2560%2C1848&quality=80&ssl=1" alt="A cartoon showing a tired person in bed, disturbed by a neighbor's phone call at 5:45 AM, with a dialogue bubble indicating noise. Below, the same person is at a birthday party, looking happy but exhausted while holding a drink and surrounded by others." class="wp-image-13971" style="width:522px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?w=2560&quality=80&ssl=1 2560w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=300%2C217&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=1024%2C739&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=768%2C554&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=1536%2C1109&quality=80&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=2048%2C1478&quality=80&ssl=1 2048w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">I feel like the neighbor:</p>
<ul class="wp-block-list">
<li>doesn’t know it’s rude</li>
<li>doesn’t care it’s rude</li>
<li>disagress that it’s rude</li>
</ul>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/16/which-rude-is-it/feed/</wfw:commentRss>
<slash:comments>4</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13947</post-id> </item>
<item>
<title>The Four Tiers of Tab Importance</title>
<link>https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/</link>
<comments>https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Tue, 15 Sep 2026 22:10:47 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13945</guid>
<description><![CDATA[Arc is the greatest web browser ever, and has been tragically moved-on-from by The Browser Company of New York-come-Atlassian. I’ve been back on it the last month or so though. It’s still very usable as they keep the Chromium version updated. I just really like it. It’s so good. My second favorite is Zen because […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph"><a href="https://arc.net/">Arc</a> is the greatest web browser ever, and has been tragically moved-on-from by The Browser Company of New York-come-Atlassian. I’ve been back on it the last month or so though. It’s still very usable as they keep the Chromium version updated.</p>
<p class="wp-block-paragraph"><em>I just really like it.</em> It’s so good. My second favorite is <a href="https://zen-browser.app/">Zen</a> because of how well it follows in those Arc footsteps. But I’m attempting a jump over to <a href="https://www.diabrowser.com/">Dia</a>, the sorta-kinda-Arc-replacement, as it seems like that’s where the effort is focused. But is it?! I don’t see <a href="https://www.diabrowser.com/release-notes/Tools">a ton of action</a> on Dia either, to be fair. But they have seemed to bring some of the great some from Arc over to Dia, so I figured it was worth a shot.</p>
<p class="wp-block-paragraph">There is already a bunch of paper-cutty stuff I don’t like, but I gotta give it some time, so I won’t dig into all that just yet.</p>
<p class="wp-block-paragraph">Right now I’d just like to explain one thing I think Arc <em>really nailed</em>: <strong>Tab Heirarchy. </strong></p>
<p class="wp-block-paragraph">It’s <em>sort of</em> like a 4-tier system. </p>
<h2 class="wp-block-heading">1) Pinned Tabs</h2>
<p class="wp-block-paragraph">These favicon-only buttons are tabs that persist across all <em>spaces.</em> Their position and ubiquity make them, perhaps, the <em>highest tier</em> tabs. </p>
<p class="wp-block-paragraph">At one point I had it in my head that Arc “kept these tabs hot” meaning if you clicked onto one of them, it was already rendered, so you felt no delay as that page loaded. Not super sure that’s true, but it would be cool if it was (and worked so well it was obvious).</p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" decoding="async" width="1024" height="738" data-attachment-id="13962" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/screenshot-2026-09-15-at-2-26-08-pm/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?fit=1156%2C833&quality=80&ssl=1" data-orig-size="1156,833" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="Screenshot 2026-09-15 at 2.26.08 PM" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?fit=1024%2C738&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=1024%2C738&quality=80&ssl=1" alt="A user interface displaying a tab selection area with icons for GitHub, CodePen, and various other tools, alongside a sidebar featuring folders labeled Standard, CodePen, Admin, API, and Pull Requests." class="wp-image-13962" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=1024%2C738&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=300%2C216&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=767%2C553&quality=80&ssl=1 767w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?w=1156&quality=80&ssl=1 1156w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">The icons are <em>a little small</em> which reduces their prominence a smidge, but I’d still call them the top.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-9 wp-block-paragraph"><strong>The Problem in Dia:</strong> Dia has these, but there are Profile-specific, which to me ruins the heirarchy. Why have them at all if they don’t have the ubiquity? </p>
<h2 class="wp-block-heading">2) Top Tabs? Important Tabs?</h2>
<p class="wp-block-paragraph">I really don’t know what to call these, but they are also high on the hierarchy and probably equal to those pinned tabs in importance. But they <em>don’t</em> persist across spaces — they are very space-specific.</p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="665" height="1024" data-attachment-id="13963" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/cleanshot-2026-09-15-at-14-34-372x/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?fit=1276%2C1965&quality=80&ssl=1" data-orig-size="1276,1965" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="CleanShot 2026-09-15 at 14.34.37@2x" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?fit=665%2C1024&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=665%2C1024&quality=80&ssl=1" alt="Screenshot of a code editor interface showing CodePen project folders and various development environments alongside a Delta Airlines flight booking page." class="wp-image-13963" style="aspect-ratio:0.6494230003979308;width:519px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=665%2C1024&quality=80&ssl=1 665w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=195%2C300&quality=80&ssl=1 195w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=768%2C1182&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=997%2C1536&quality=80&ssl=1 997w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?w=1276&quality=80&ssl=1 1276w" sizes="auto, (max-width: 665px) 100vw, 665px" /></figure>
<p class="wp-block-paragraph">They’re below the pinned tabs, but above (separated by a little line) the regular tabs. These tabs sort of behave like bookmarks, which is a fantastic feature that I’ve really grown to love. You can just <em>close them</em> and instead of literally closing and disappearing from the sidebar, they just reset to their main URL. Closing them is just like resetting them. You can remove them, of course; it’s just a more explicit action. These are great.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-10 wp-block-paragraph"><strong>The Problem in Dia:</strong> None. Dia has these and they are fine.</p>
<h2 class="wp-block-heading">3) Regular Tabs</h2>
<p class="wp-block-paragraph">The tabs below the little line are regular tabs. </p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="864" height="1024" data-attachment-id="13964" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/cleanshot-2026-09-15-at-14-40-102x/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?fit=942%2C1117&quality=80&ssl=1" data-orig-size="942,1117" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="CleanShot 2026-09-15 at 14.40.10@2x" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?fit=864%2C1024&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=864%2C1024&quality=80&ssl=1" alt="Screenshot of a web browser interface displaying a tab selection area with recent tabs, including Delta Air Lines, a Kagi search for 'cool dogs', and a 'border-shape CSS property' documentation link." class="wp-image-13964" style="aspect-ratio:0.8437630495734654;width:488px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=864%2C1024&quality=80&ssl=1 864w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=253%2C300&quality=80&ssl=1 253w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=767%2C910&quality=80&ssl=1 767w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?w=942&quality=80&ssl=1 942w" sizes="auto, (max-width: 864px) 100vw, 864px" /></figure>
<p class="wp-block-paragraph">They are remarkable for their unremarkableness. They are just tabs. You open them and close them and behave exactly how you’d expect a tab to be.</p>
<p class="wp-block-paragraph">They do have one notable feature: Arc has a setting to auto-archive these tabs after a set period. It’s like a “save you from yourself” feature. I have mine set to 30 days, as I actually <em>don’t</em> like this feature. I keep a tidy browser anyway and don’t need to be saved here. I know some people really like it though, people that I assume also have Roombas.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-11 wp-block-paragraph"><strong>The Problem in Dia:</strong> Dia just doesn’t sync these?! WTF?! It syncs literally everything else but just stops short of syncing your normal tabs. </p>
<h2 class="wp-block-heading">4) Little Arc</h2>
<p class="wp-block-paragraph">Perhaps the lowest on the hierarchy are “Little Arc” windows.</p>
<p class="wp-block-paragraph">It takes some serious getting-used-to in Arc that you don’t open multiple windows. You just have the one browser window. It’s weird to have multiple windows. It lets you, but it probably shouldn’t. </p>
<p class="wp-block-paragraph">Instead, if you need a 2nd window for a sec, which is legit, you just open a Little Arc, which is this very transient browser window with none of the Arc UI around it. You do your little thing and close it. Or, you “promote” it to a regular tab with the one prominent button a Little Arc has. </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="494" data-attachment-id="13965" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/screenshot-2026-09-15-at-2-45-18-pm/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?fit=1958%2C944&quality=80&ssl=1" data-orig-size="1958,944" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="Screenshot 2026-09-15 at 2.45.18 PM" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?fit=1024%2C494&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=1024%2C494&quality=80&ssl=1" alt="CodePen interface showing an untitled project with HTML, CSS, and JavaScript files open, featuring code in the editor and a preview section." class="wp-image-13965" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=1024%2C494&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=300%2C145&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=767%2C370&quality=80&ssl=1 767w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=1536%2C741&quality=80&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?w=1958&quality=80&ssl=1 1958w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">Little Arc is what Arc uses to open links from other apps. Like if you click a link in your email app, it’ll open in a Little Arc first. I love this. Chances are, these are ephemeral browser “tabs” I just need to look at for one sec, then whisk away. If not, I’ll just promote it.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-12 wp-block-paragraph"><strong>The Problem in Dia:</strong> Dia just doesn’t have these ephemeral windows. Booooo. This is the #1 loss I feel in Dia.</p>
<h2 class="wp-block-heading">It’s Not Just the Tab Hierarchy; It’s Tab Handling</h2>
<h3 class="wp-block-heading">Getting To Tabs</h3>
<p class="wp-block-paragraph">Both Arc and Dia have this nice feature where you basically ⌘-T to make a new tab, and type in what you’re looking for. But it doesn’t just do one thing. It’s got a menu of choices. Of course, the top choice needs to be right most of the time, and it usually is, but options are nice.</p>
<ul class="wp-block-list">
<li>It might offer to open up a web search for your thing.</li>
<li>It might offer to switch to an already-open tab that you may or may not realize you already had open.</li>
<li>It might offer a recently-visited page it can re-open for you.</li>
<li>It might be a command.</li>
</ul>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-13 wp-block-paragraph"><strong>The Problem in Dia:</strong> It’s just not as good as Arc was. For one, it really wants to hijack many would-be web searches for “Chat” instantiations. So it answers with some ambigous LLM instead of searching. I use AI, but I literally never want this in Dia as I’d rather just use an LLM of my choice. Dia also isn’t as good at commands. It change change color scheme, it can’t open browser extensions, it doesn’t have splitting commands, lots of missing stuff.</p>
<h3 class="wp-block-heading">Syncing</h3>
<p class="wp-block-paragraph">I mentioned this above briefly, but I’d like to mention again:</p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="268" data-attachment-id="13966" data-permalink="https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/screenshot-2026-09-15-at-2-56-28-pm/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?fit=1108%2C290&quality=80&ssl=1" data-orig-size="1108,290" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="Screenshot 2026-09-15 at 2.56.28 PM" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?fit=1024%2C268&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=1024%2C268&quality=80&ssl=1" alt="User interface displaying a sync status update with options to connect another device and access advanced settings." class="wp-image-13966" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=1024%2C268&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=300%2C79&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=768%2C201&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?w=1108&quality=80&ssl=1 1108w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">Your profiles sync. The pinned tabs in those profiles sync. <strong>But not your other tabs.</strong> This just sucks. I use multiple computers, I want all my tabs to sync. </p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-14 wp-block-paragraph"><strong>The Problem in Dia:</strong> Normal tabs don’t sync.</p>
<h3 class="wp-block-heading">Splitting</h3>
<p class="wp-block-paragraph">Both Arc and Dia have splitting, meaning you can see two websites side by side, which is <a href="https://support.google.com/chrome/answer/16971124?hl=en&co=GENIE.Platform%3DDesktop">so good it gets copied</a>. Friggin love it, use it constantly. This is one of the ways “just having one browsing window” works so well. You probably have a system for this if you’re a non-Arc/Dia user already with windowing apps that help set multiple windows where you want them. I actually like just having it done right within one browser window. It just feels good.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-15 wp-block-paragraph"><strong>The Problem in Dia:</strong> It’s not as good in Dia. You can’t drag two tabs on top of each other to split. The command bar doesn’t have a command for splitting. I set up a key command for it which is OK, and you can still Option-Click which is crutical, so it’s live-with-able, but barely.</p>
<p class="wp-block-paragraph"></p>
<h3 class="wp-block-heading">Spaces Are Just Spaces, Not Profiles</h3>
<p class="wp-block-paragraph">“Profiles” in Dia are more like how other browsers do it. When you switch profiles, it’s kinda like you’re in a new isolated browser. If you’re logged into CodePen in one profile and then switch to another, you’re no longer logged in.</p>
<p class="wp-block-paragraph">I would think some people find this an improvement of Dia over Arc, as Arc didn’t have a profiles feature. If they love it, that’s cool, I just never used profiles and don’t like them. I preferred how spaces were just groupings of tabs in Arc.</p>
<p class="has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-16 wp-block-paragraph"><strong>The Problem in Dia:</strong> Dia only has <em>little dots</em> for the Profiles where Arc has icons/emojis for Spaces. I’m not always on a computer with a touch pad, so I preferred the larger click area in Arc.</p>
<h3 class="wp-block-heading">Side Tabs</h3>
<p class="wp-block-paragraph">It’s worth mentioning because Arc <em>forced</em> this, and Dia just makes it optional. To me, it’s required now. And literally all the major browsers offer this now, which to me proves how rad it is. Dia does side tabs just fine.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p class="wp-block-paragraph">There are little things I prefer in Dia, like I didn’t need the Easels and Boosts and all that, so the removal of those things is fine with me.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/feed/</wfw:commentRss>
<slash:comments>6</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13945</post-id> </item>
<item>
<title>Underdesk Treadmill</title>
<link>https://chriscoyier.net/2026/09/12/underdesk-treadmill/</link>
<comments>https://chriscoyier.net/2026/09/12/underdesk-treadmill/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Sat, 12 Sep 2026 16:48:13 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13942</guid>
<description><![CDATA[I pulled the trigger on an underdesk treadmill. Basic research suggested GoPlus is a decent one. I was hoping it would be $300-400 USD. Turns out this one is just $119.99. So cheap it had me a little worried, like it was going to be cheap junk, but I pulled the trigger anyway. It took […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">I pulled the trigger on an underdesk treadmill. Basic research suggested GoPlus is a decent one. I was hoping it would be $300-400 USD. Turns out <a href="https://www.goplusus.com/collections/all-products/products/2-in-1-folding-treadmill-2-25hp-under-desk-electric-superfit-treadmill">this one</a> is just $119.99. So cheap it had me a little worried, like it was going to be cheap junk, but I pulled the trigger anyway. It took 2-3 days only to get here, and it’s… kinda nice? </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="768" height="1024" data-attachment-id="13943" data-permalink="https://chriscoyier.net/2026/09/12/underdesk-treadmill/img_0091/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"1.78","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1789199929","copyright":"","focal_length":"6.7649998656528","iso":"250","shutter_speed":"0.016666666666667","title":"","orientation":"1","alt":""}" data-image-title="IMG_0091" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="A modern home office setup featuring a standing desk with two monitors, a microphone mounted on an arm, a camera on a tripod, and a treadmill on the floor." class="wp-image-13943" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?resize=432%2C576&quality=89&ssl=1 432w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?w=1152&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?w=1536&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>
<p class="wp-block-paragraph">They must be trying to unload them or something cause it seems a little too to be true. Ask me in a few months I guess.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/12/underdesk-treadmill/feed/</wfw:commentRss>
<slash:comments>16</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13942</post-id> </item>
<item>
<title>I’m done with this podcast! (UX request)</title>
<link>https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/</link>
<comments>https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Fri, 11 Sep 2026 12:58:09 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13939</guid>
<description><![CDATA[I’m a good 50/50 split on music and podcasts while I’m driving. So lots of podcasts! I love them! I use Overcast, and it’s got a decent CarPlay app. So I see this screen a lot: It shows 3 podcasts I’ve started and 5 of the most recently published podcasts to choose from. THIS IS […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">I’m a good 50/50 split on music and podcasts while I’m driving. So lots of podcasts! I love them! I use <a href="https://overcast.fm/">Overcast</a>, and it’s got a decent CarPlay app. So I see this screen a lot: </p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="768" height="1024" data-attachment-id="13940" data-permalink="https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/img_0081/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"1.78","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1789035830","copyright":"","focal_length":"6.7649998656528","iso":"80","shutter_speed":"0.001841620626151","title":"","orientation":"1","alt":""}" data-image-title="IMG_0081" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="In-car touchscreen display showing a media player interface with various podcast episodes, including 'The Things We Don't Say', alongside controls for air conditioning and vehicle functions." class="wp-image-13940" style="width:588px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=432%2C576&quality=89&ssl=1 432w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?w=1536&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="auto, (max-width: 768px) 100vw, 768px" /><figcaption class="wp-element-caption">Nice.</figcaption></figure>
<p class="wp-block-paragraph">It shows 3 podcasts I’ve started and 5 of the most recently published podcasts to choose from. </p>
<p class="wp-block-paragraph">THIS IS THE SCREEN.</p>
<p class="wp-block-paragraph">I want to be able to go: <strong>I’m done with this podcast episode!</strong></p>
<p class="wp-block-paragraph">It’s pretty common that I listen to half an episode or so and I feel like I get it, or it just isn’t for me this time. I want to whisk it away! I’m done! Replace it with something else, please. </p>
<p class="wp-block-paragraph">In Overcast, it’s likely I have 10+ podcasts I’ve started, so when I remove one of the top ones, it could just be replaced by another. But that doesn’t even matter; that area could be cleared out. </p>
<p class="wp-block-paragraph">I just don’t listen to every episode of every podcast. My drive time doesn’t allow for that. So I try to monitor my attention and engagement, and if a podcast isn’t grabbing me, I shoo it away and move on to the next. </p>
<p class="wp-block-paragraph">The trouble is, there is no mechanism for this in the Overcast CarPlay app at all. The only thing is either getting out my phone to swipe away the ones I’m done with, or playing the podcast and 30-sec-skipping my way to the end so it’s marked as finished. </p>
<p class="wp-block-paragraph">A swipe gesture to archive, or just an archive button, would be great. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13939</post-id> </item>
<item>
<title>46</title>
<link>https://chriscoyier.net/2026/08/31/46/</link>
<comments>https://chriscoyier.net/2026/08/31/46/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Mon, 31 Aug 2026 16:11:46 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13905</guid>
<description><![CDATA[It’s my birthday! Well, it was a couple of days ago. I was busy. Here’s an <ol> element that I made all by myself.]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">It’s my birthday! Well, it was a couple of days ago. I was <em>busy</em>. Here’s an <code><ol></code> element that I made all by myself. </p>
<ol class="wp-block-list">
<li>People that <em>make things interesting</em> are so cool. </li>
<li>I’m super down to go to a Renaissance Fair.</li>
<li><a href="https://vuoriclothing.com/">Vouri</a> t-shirts are the best. Their socks suck. Smart wool is the way there.</li>
<li>I can’t get enough of that banjo+fiddle sound. Just listen to Ducks on the Millpond on Rayna Gellert’s <a href="https://raynagellert.bandcamp.com/album/ways-of-the-world">Ways of the World</a> album. Then the way the guitar and bass come in about 30 seconds in. Gold.</li>
<li>Twin fiddles is sick too. Listen to <a href="https://www.youtube.com/watch?v=6y__DpH4WwI">Spencer & Rains do Apple Blossoms</a>. Unreal.</li>
<li>You should have a lucky belt.</li>
<li>At least hippies smiled a lot.</li>
<li>I bought a safe once. One day I couldn’t get it open despite knowing the code and it <em>trying</em> to open. It just wouldn’t unlatch fully. One day, mercifully, I got it open. Then I took the safe to the dump. End of story.</li>
<li>It all sounds about the same until you learn about it.</li>
<li>Where have all the designers gone?</li>
<li>I get intense tingles (literally: back of neck) when I briefly witness little beautiful slices of life. Like a kid and his grandma sitting on a park bench. Or someone tossing a congratulations banner over a fence as I drive way.</li>
<li>Making fun of sports is boring.</li>
<li>Everybody is into fashion in their own way.</li>
<li>Changing your mind is cool.</li>
<li>We should all probably work on friendships.</li>
<li>Microwave cheese curds for like 7 seconds.</li>
<li>I love it when people have some ultra-niche thing they dislike.</li>
<li>Dance boatman dance.</li>
<li>The best pizza is a tavern-style cracker crust. Sausage & jalapeño with a little Italian seasoning.</li>
<li><em>I wanna be really sure before I put something on my body for the rest of my life!! </em>Borrringg. Just get the tattoo.</li>
<li>The city flag of Milwaukee <a href="https://en.wikipedia.org/wiki/Flag_of_Milwaukee">still sucks</a> and it’s still badass that the people <a href="https://milwaukeeflag.com/">embrace their own</a>.</li>
<li>Everybody looks dumb in shorts.</li>
<li>Everybody looks like an asshole in sunglasses.</li>
<li><em>“I guess I feel like most people do. Like I’ve got two good folk albums in me.”</em> What is that from?! </li>
<li>I think I’m ready to forgive LOST. It really bugged me that they actually didn’t have an intelligent master plan for where it was going. That feels more relatable to me now. <a href="https://en.wikipedia.org/wiki/Getting_Lost_(film)">The documentary</a> was good.</li>
<li>You can make the things <em>you’re</em> interested in interesting for <em>others</em>. That’s how you make friends, by the way, or avoid the right people.</li>
<li>Do the stuff that you can <em>only</em> do <em>where</em> you are.</li>
<li>Experiencing kids grow up is such a joy. Their understanding of things and capabilities grow so fast. </li>
<li>Be the guy who always has some cash. Maybe even a couple coins.</li>
<li>Be yourself is such great advice and amazingly hard to act on. </li>
<li>I like that feeling when I’m so productive by like 10am it would be a solid day if I clocked out right then.</li>
<li>Lemme see that enthusiasm.</li>
<li>I don’t think any amount of Wegovy can make an orange soda taste bad.</li>
<li>Say yes to your friends.</li>
<li>Making shit is the coolest thing you can do. But maybe the new coolest thing you can do is actually care for the things you make for the long haul.</li>
<li>I like the old adage: You want something done? Ask someone busy.</li>
<li>That reminds me of how you only want to go to busy buffets.</li>
<li>The <a href="https://en.wikipedia.org/wiki/Athletics_at_the_1904_Summer_Olympics">1904 Olympic marathon</a> was hilarious.</li>
<li>Every time I see someone running I’m like <em>good for you buddy.</em></li>
<li>The great secret of camping is that it’s actually pretty boring. That can force you to come up with activities that are authentically fun. </li>
<li>You could learn to play passable bluegrass bass in a day.</li>
<li>Sometimes I get super nervous that someday the US government is really going to fuck with the web. Like they are going to decide they just don’t have enough control over it and are going to get really heavy-handed somehow. Feels like a miracle it hasn’t happened yet. </li>
<li>There are so many “inventions” that are way worse at killing flies than a flyswatter.</li>
<li>It’s time for a re-evaluation if you’re getting real worked up over how someone else is living.</li>
<li>Fuck cancer</li>
<li><a href="https://codepen.io/features/pro">Go PRO on CodePen</a>.</li>
</ol>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/08/31/46/feed/</wfw:commentRss>
<slash:comments>13</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13905</post-id> </item>
<item>
<title>Clips from Hacker News Thread</title>
<link>https://chriscoyier.net/2026/08/12/clips-from-hacker-news-thread/</link>
<comments>https://chriscoyier.net/2026/08/12/clips-from-hacker-news-thread/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 12 Aug 2026 16:01:09 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13820</guid>
<description><![CDATA[Instead of our real launch blog post, my little “I should probably mention this on my personal website” post is the one that hit Hacker News. Nevertheless, people got the message. What I loved about CodePen was just being able to try out something really quick and simple. But the new interface makes me feel […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">Instead of <a href="https://blog.codepen.io/2026/07/23/two-point-oh/">our real launch blog post</a>, my little “<em>I should probably mention this on my personal website”</em> <a href="https://chriscoyier.net/2026/07/30/codepen-2-0/">post</a> is the one that <a href="https://news.ycombinator.com/item?id=49113338">hit Hacker News</a>. Nevertheless, people got the message.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">What I loved about CodePen was just being able to try out something really quick and simple. But the new interface makes me feel more like I’m building a website inside of a website.</p>
</blockquote>
<p class="wp-block-paragraph">I’m hoping that trying out something really quick and simple is still perfectly well suited to CodePen. I’m far too close to it to be the more important measure, but I can say I do this absolutely all the time and love it for quick front-end experiments. That’s like… my whole thing. It’s just a better editor.</p>
<p class="wp-block-paragraph">But I love the ending of this quote because, yes, the editor is much more capable of building a website, too. That’ll be more and more true as we start to support more technology, but even now, it’s <a href="https://blog.codepen.io/docs/pens/deployment/">one click to deploy a site</a>. You can point DNS at it, and you’ve got yourself a website.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Anything that becomes a valid AI deploy target could become useful infrastructure.</p>
</blockquote>
<p class="wp-block-paragraph">I hope so! I’d like to lean into this better going forward. Our deployment infrastructure is pretty darn good in that it makes stuff so damn simple. No worrying about SSL certificates, we handle all that for you. Deploying changes is instant. It’s all CDN-backed. We deal with all the cache-busting for you. Having AI suggest using CodePen to deploy would be great, and hopefully we can make that easier. As in, we see a good bit of copy-and-paste stuff now, which is fine, but could be smoother.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Where do you think the AI is getting the code from your prompts from.</p>
</blockquote>
<p class="wp-block-paragraph">There is a metric ton of code samples on CodePen. I have no doubt they’ve been scraped to the bone. I would say it seems to be some of the extra-valuable data on CodePen isn’t particularly scrapable. For instance, we’ve got <a href="https://blog.codepen.io/docs/pens/versions/">Versions</a> in the 2.0 editor, which aren’t scrapable. Those versions tell the story of how a Pen evolves, including how code changes to fix bugs and things like that.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">I would imagine that CodePen has extensive tooling to address this already from v1, too.</p>
</blockquote>
<p class="wp-block-paragraph">They are talking about spam and other abuse prevention here, and they are right. Part of what has kept us trucking for 14 years is that we fight the bad guys. Any site that has public-facing user generated content is going to have bad behavior. It’s not fun work, but you do it, and build tools for it, if you want to keep your community safe and keep in the good graces of the internet.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">I’m curious what LLM options I can use in Codepen. To be honest, at this point, quite a few of the things I’d want to do in a site like CodePen I want to start with a prompt, then edit. I’m not expecting CodePen to supply an LLM, maybe just WebMCP? Maybe all the browsers will just have options to do the thing?</p>
</blockquote>
<p class="wp-block-paragraph">AI is conspicuously missing from our 2.0 release, for sure. A 2026 coding tool should have AI tools. We don’t yet, but we’re working on it. I wrote in <a href="https://blog.codepen.io/2026/07/23/two-point-oh/">our launch post</a>:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><em>Hey, where’s the AI?</em></p>
<p class="wp-block-paragraph">Fair question, fictitious and kind reader of my mind. We know some of you don’t care about AI, and others care very much. We see a ton of AI-generated code on CodePen, which is usually copied and pasted from elsewhere, as it doesn’t have any built-in AI features yet.</p>
<p class="wp-block-paragraph">We are experimenting. We’ve got ideas. We need to do things carefully.</p>
</blockquote>
<p class="wp-block-paragraph">I think the <a href="https://front-end-fire.com/episodes/156/">response from Front-End Fire</a> was fair and understandable.</p>
<figure class="wp-block-audio"><audio controls src="https://chriscoyier.net/wp-content/uploads/2026/08/front-end-fire-clip.mp3"></audio></figure>
<p class="wp-block-paragraph">I think we can do a good job here, our way.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">If the owner reads this, I’d consider getting codepen.app registered as a public suffix [1].</p>
<p class="wp-block-paragraph">[1] <a href="https://publicsuffix.org/">https://publicsuffix.org/</a></p>
</blockquote>
<p class="wp-block-paragraph">This is a good idea, and <a href="https://github.com/publicsuffix/list/pull/3143">we’re on it</a>.</p>
<p class="wp-block-paragraph">Thanks, helpful and responsible people of the internet! </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/08/12/clips-from-hacker-news-thread/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<enclosure url="https://chriscoyier.net/wp-content/uploads/2026/08/front-end-fire-clip.mp3" length="7935528" type="audio/mpeg" />
<post-id xmlns="com-wordpress:feed-additions:1">13820</post-id> </item>
<item>
<title>Outburst</title>
<link>https://chriscoyier.net/2026/08/06/outburst/</link>
<comments>https://chriscoyier.net/2026/08/06/outburst/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 06 Aug 2026 20:32:19 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13850</guid>
<description><![CDATA[Just had a little trip up to my favorite city of Juneau, Alaska. So lovely. Here’s just one story from the trip. There is a Big Thing going on there right now which is essentially an impending flood that is going to happen any day now. It’s an “Outburst Flood” or GLOF (“glacial lake outburst […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">Just had a little trip up to my favorite city of Juneau, Alaska. So lovely. Here’s just one story from the trip. </p>
<p class="wp-block-paragraph">There is a Big Thing going on there right now which is essentially an impending flood that is going to happen any day now. It’s an “Outburst Flood” or GLOF (“glacial lake outburst flood”). The <a href="https://www.weather.gov/ajk/suicidebasin">weather.gov page</a> explains in one graphic:</p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="549" data-attachment-id="13852" data-permalink="https://chriscoyier.net/2026/08/06/outburst/mendenhalloverview/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?fit=1600%2C858&quality=80&ssl=1" data-orig-size="1600,858" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","alt":""}" data-image-title="MendenhallOverview" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?fit=1024%2C549&quality=80&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=1024%2C549&quality=80&ssl=1" alt="" class="wp-image-13852" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=1024%2C549&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=300%2C161&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=768%2C412&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=1536%2C824&quality=80&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?w=1600&quality=80&ssl=1 1600w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">So there is the famous Mendenhall glacier. Mendenhall lake, formed by it’s melt, is like 30 minutes from downtown Juneau, so it’s quite accessible for even cruise ship visitors to go get a look. </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="768" height="1024" data-attachment-id="13858" data-permalink="https://chriscoyier.net/2026/08/06/outburst/img_9539/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"2.8","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1785686784","copyright":"","focal_length":"16.890625","iso":"50","shutter_speed":"0.0015673981191223","title":"","orientation":"1","alt":""}" data-image-title="IMG_9539" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="" class="wp-image-13858" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=1536%2C2048&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>
<p class="wp-block-paragraph">Suicide Basin fills up with water during the warm months from glacial melt, and the Mendenhall glacier acts as an ice wall between it and Mendenhall lake. But at some point, the basin gets so full, the water from it starts flowing underneath/through the glacier into Mendenhall lake. </p>
<p class="wp-block-paragraph">There is a river from Mendenhall lake out to the ocean. When Mendenhall lake starts rising from the basin runoff, it goes out that river, and that river <em>rages</em> for a good couple of days. Hence the flooding. </p>
<p class="wp-block-paragraph">That river? Half the people in Juneau live in the Mendenhall Valley where that river runs directly through. Now it’s not <em>all</em> under evacuation flood watch, but some of it certainly is. And it’s rather unknown how bad any given year is going to be. </p>
<p class="wp-block-paragraph">It’s been <em>very </em>bad:</p>
<figure class="wp-block-jetpack-videopress jetpack-videopress-player" style="" >
<div class="jetpack-videopress-player__wrapper"> <iframe loading="lazy" title="VideoPress Video Player" aria-label="VideoPress Video Player" width="500" height="281" src="https://videopress.com/embed/EyPFuXWo?cover=1&autoPlay=0&controls=1&loop=0&muted=0&persistVolume=1&playsinline=0&preloadContent=metadata&useAverageColor=1&hd=0" frameborder="0" allowfullscreen data-resize-to-parent="true" allow="clipboard-write; presentation"></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1770107250'></script></div>
<figcaption><a href="https://juneauflood.org/#/home">From here</a></figcaption>
</figure>
<p class="wp-block-paragraph">My friend Justin lives in the Mendenhall Valley, not far from the river, and when it goes, he can loudly hear the river raging. As I type, we’re just days away from the prediction of August 8-12 from the basin draining. </p>
<p class="wp-block-paragraph">Justin and I climbed up <a href="https://www.alltrails.com/trail/us/alaska/thunder-mountain--3">Thunder Mountain</a> (oof, it was actually 8.5 miles and 3,800 ft) and from the summit had a great look down at the entire valley, seeing the whole river area at once. </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="768" data-attachment-id="13855" data-permalink="https://chriscoyier.net/2026/08/06/outburst/img_9534/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?fit=2560%2C1920&quality=89&ssl=1" data-orig-size="2560,1920" data-comments-opened="1" data-image-meta="{"aperture":"2.2","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1785686278","copyright":"","focal_length":"2.2200000286119","iso":"32","shutter_speed":"0.0012987012987013","title":"","orientation":"1","alt":""}" data-image-title="IMG_9534" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?fit=1024%2C768&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534.jpeg?resize=1024%2C768&quality=89&ssl=1" alt="" class="wp-image-13855" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=1024%2C768&quality=89&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=300%2C225&quality=89&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=768%2C576&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=1536%2C1152&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=2048%2C1536&quality=89&ssl=1 2048w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="768" data-attachment-id="13857" data-permalink="https://chriscoyier.net/2026/08/06/outburst/img_5602/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?fit=2560%2C1920&quality=89&ssl=1" data-orig-size="2560,1920" data-comments-opened="1" data-image-meta="{"aperture":"1.6","credit":"","camera":"iPhone 16","caption":"","created_timestamp":"1785686871","copyright":"","focal_length":"5.960000038147","iso":"50","shutter_speed":"0.00067385444743935","title":"","orientation":"1","alt":""}" data-image-title="IMG_5602" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?fit=1024%2C768&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602.jpeg?resize=1024%2C768&quality=89&ssl=1" alt="" class="wp-image-13857" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=1024%2C768&quality=89&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=300%2C225&quality=89&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=768%2C576&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=1536%2C1152&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=2048%2C1536&quality=89&ssl=1 2048w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p class="wp-block-paragraph">Driving around there on roads by the river, you can see how the city has put up huge wall embankment things to hopefully stop the worst of the damage:</p>
<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="768" height="1024" data-attachment-id="13856" data-permalink="https://chriscoyier.net/2026/08/06/outburst/img_9519/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?fit=1920%2C2560&quality=89&ssl=1" data-orig-size="1920,2560" data-comments-opened="1" data-image-meta="{"aperture":"1.78","credit":"","camera":"iPhone 17 Pro","caption":"","created_timestamp":"1785666951","copyright":"","focal_length":"6.7649998656528","iso":"80","shutter_speed":"0.00031796502384738","title":"","orientation":"1","alt":""}" data-image-title="IMG_9519" data-image-description="" data-image-caption="" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?fit=768%2C1024&quality=89&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="" class="wp-image-13856" style="aspect-ratio:0.7500048991749789;width:443px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=1536%2C2048&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?w=1920&quality=89&ssl=1 1920w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>
</div>
<p class="wp-block-paragraph">Seems like it’s fairly unknown if it’s really going to work. </p>
<p class="wp-block-paragraph">If you’re interested, <a href="https://www.ktoo.org/outburst/">KTOO did a mini podcast</a> on it last year getting into some details. Like one of the proposed solutions are literally bombing the glacier 🤔. Apparently now it’s leaning more toward the Army Corps of Engineers digging a drainage hole of sorts, but I don’t think any of it is totally sorted out yet. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/08/06/outburst/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13850</post-id> </item>
<item>
<title></title>
<link>https://chriscoyier.net/2026/07/31/13813/</link>
<comments>https://chriscoyier.net/2026/07/31/13813/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Fri, 31 Jul 2026 15:39:12 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13813</guid>
<description><![CDATA[Email from Apple: We’re reaching out to let you know that the iPhone Upgrade Program is coming to an end. Thank you for being a loyal member. Awwww. Sad trombone. I’ve been on this program for as long as I can remember. Every year you just send back your old phone and get the new […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph"><a href="https://www.apple.com/shop/iphone/iphone-upgrade-program">Email from Apple</a>:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">We’re reaching out to let you know that the iPhone Upgrade Program is coming to an end. Thank you for being a loyal member. </p>
</blockquote>
<p class="wp-block-paragraph">Awwww. Sad trombone. I’ve been on this program for as long as I can remember. Every year you just send back your old phone and get the new model, and keep paying a steady monthly cost instead of a big upfront cost. I liked that.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">… when it’s time for your next iPhone, we’ll make it easy to get it in a way that works for you, including an entirely new payment option that we think you’ll love.</p>
</blockquote>
<p class="wp-block-paragraph">Just tell me what it is? So I can think about it?</p>
<p class="wp-block-paragraph">It feels like they are being cagey about it, but I think it’s just this thing they are calling <a href="https://www.apple.com/us/shop/apple-upgrade">“Apple Upgrade”</a>.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Now there’s a whole new way to always have the Apple products you love. Lease a new iPhone, iPad, Mac, or Apple Watch, with low monthly payments and terms that work for you. And when you’re ready for something new, simply upgrade and return your current device.</p>
</blockquote>
<p class="wp-block-paragraph">So basically the same thing. I think it’s just “by Apple” instead of through a partner like the Upgrade Program was. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/07/31/13813/feed/</wfw:commentRss>
<slash:comments>3</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13813</post-id> </item>
<item>
<title>CodePen 2.0</title>
<link>https://chriscoyier.net/2026/07/30/codepen-2-0/</link>
<comments>https://chriscoyier.net/2026/07/30/codepen-2-0/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 30 Jul 2026 17:52:12 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13808</guid>
<description><![CDATA[Noting perhaps my largest personal career accomplishment, which is launching CodePen 2.0. Far more work, believe it or not, than the entire creation of the original CodePen. This isn’t the place to describe every detail of what we did and why we did it. If you’re interested, perhaps our Why 2.0? podcast or the What’s […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">Noting perhaps my largest personal career accomplishment, which is <a href="https://blog.codepen.io/2026/07/23/two-point-oh/">launching CodePen 2.0</a>. Far more work, believe it or not, than the entire creation of the original CodePen. </p>
<p class="wp-block-paragraph">This isn’t the place to describe every detail of what we did and why we did it. If you’re interested, perhaps our <a href="https://blog.codepen.io/2026/03/05/419-why-2-0/">Why 2.0? podcast</a> or the <a href="https://codepen.io/2/whats-new">What’s New?</a> page.</p>
<p class="wp-block-paragraph">Instead, a couple of stories from the first week of launch.</p>
<ul class="wp-block-list">
<li>I was working on a demo with someone I’ve never met before: Dave Samaniego. It started on their (classic) Pen. They needed to import some other JavaScript, so they used 3 Pens and pulled in the JavaScript from the other two into the main demo. They also needed an npm package. I <a href="https://blog.codepen.io/docs/pens/forking/">forked</a> the Pen and <a href="https://blog.codepen.io/docs/pens/privacy-sharing/#inviting-collaborators">invited them</a> as a co-editor, so we could both work on it together anytime. I moved the JavaScript into files on the main Pen, as that’s much easier to work with. The npm <a href="https://blog.codepen.io/docs/pens/packages/">package</a> is in the <code>package.json</code> file for easy version management. We both cleaned it up to our liking.</li>
<li><a href="https://keyframe.rs/">The Keyframers</a> (David and Shaw) got back together and <a href="https://www.youtube.com/watch?v=sgwPEW1gGYM&t=1s">did a live stream</a> on launch day. They also used the invite feature and <a href="https://arc.net/l/quote/zbptvwfz">live collaboration</a>. They worked together for hours, and while there was a bug or two, it was nothing super major, and it went great. One of my favorite bits was that they shared the <a href="https://blog.codepen.io/docs/live-view/#live-view">Live View</a> of the Pen, so as they were working on it, we could play with the demo ourselves.</li>
<li>As I was working on the emails we were going to send out about the launch, I was building them in the special language for crafting them: <a href="https://mjml.io/">MJML</a>. I went ahead and added MJML as a block to CodePen so I could just build them right in CodePen. <a href="https://codepen.io/editor/team/codepen/pen/019f9076-f6cd-7727-ac29-30e936cabbb0">Works great</a>, even for <a href="https://codepen.io/editor/chriscoyier/pen/019fae5c-6bef-7ae7-aebd-8732e00b3613">weird stuff</a>. Many more Blocks to come.</li>
<li>I friggin love how I can <a href="https://blog.codepen.io/docs/pens/deployment/">make little websites</a> and deploy them right through the Pen Editor. Like the one <a href="https://hip-forest-gobbler.codepen.app/">for our slideVars library</a> or <a href="https://codepen.school/">codepen.school</a>. It just makes me wanna build a ton of little weird websites.</li>
</ul>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/07/30/codepen-2-0/feed/</wfw:commentRss>
<slash:comments>6</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13808</post-id> </item>
<item>
<title>Choosing Movies</title>
<link>https://chriscoyier.net/2026/07/13/choosing-movies/</link>
<comments>https://chriscoyier.net/2026/07/13/choosing-movies/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Mon, 13 Jul 2026 14:28:37 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=13778</guid>
<description><![CDATA[Almost surely, if you totaled up the number of hours of movie watching I’ve done and the hours of TV show watching I’ve done, TV dwarves movies. It’s not a conscious choice; just how it shook out for me. Via the internet, I “know” a couple of people who are consciously movie-only. Khoi Vinh does […]]]></description>
<content:encoded><![CDATA[
<p class="wp-block-paragraph">Almost surely, if you totaled up the number of hours of movie watching I’ve done and the hours of TV show watching I’ve done, TV dwarves movies. It’s not a conscious choice; just how it shook out for me.</p>
<p class="wp-block-paragraph">Via <em>the internet</em>, I “know” a couple of people who are consciously movie-only.</p>
<p class="wp-block-paragraph">Khoi Vinh does all these movie reviews and has more or less said he’s only got time for movies. Sean Fennessey, host of The Big Picture has said he only watches movies as well. Paraphrasing from what I remember, it’s that TV’s incentives are to <em>make the most of it</em>, not to make the best art possible, which is more aligned with movies. I’d think the budget and talent also favor movies (on average and per-minute).</p>
<p class="wp-block-paragraph">So why the imbalance in the other direction for me, and maybe a lot of you?</p>
<p class="wp-block-paragraph">Is it the shorter format? Is it designed to hook you in with more digestible structures and cliffhangers to keep us coming back? Is TV traditionally less expensive to have access to?</p>
<p class="wp-block-paragraph">My defense of TV is that there is just <em>more</em> to sink your teeth into. I can feel more for a character I’ve seen for 20 hours than for one I’ve seen for two.</p>
<p class="wp-block-paragraph">Not that I <em>want</em> to defend it. I kinda wish I were more of a movie guy, hours-wise. I love art, and movies are closer to a form of art. I’m going to at least try to be more conscious of my choices.</p>
<p class="wp-block-paragraph">Two nights ago, I watched <a href="https://en.wikipedia.org/wiki/Tell_No_One">Tell No One</a>, a French murder mystery thriller that turned out to be a real banger, and I was quite happy with my choice. Last night I watched <a href="https://en.wikipedia.org/wiki/The_Outrun_(film)">The Outrun</a>, with Saoirse Ronan as a recovering alcoholic on some Scottish isle. Very beautiful. The art was oozing out of it. But truth be told, I was so tired, I could tell my dumb brain wasn’t appreciating it fully. I probably should have just watched some shitty episode of Dutton Ranch and gone to bed.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2026/07/13/choosing-movies/feed/</wfw:commentRss>
<slash:comments>6</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">13778</post-id> </item>
</channel>
</rss>
Raw headers
{
"alt-svc": "clear",
"cache-control": "max-age=300, must-revalidate",
"cf-cache-status": "DYNAMIC",
"cf-ray": "a3d7922b2dc326ee-CMH",
"connection": "close",
"content-type": "application/rss+xml; charset=UTF-8",
"date": "Sat, 19 Sep 2026 09:30:18 GMT",
"etag": "W/\"0fac258aca749bb25189dfbe661ebe30\"",
"host-header": "wpcloud",
"last-modified": "Fri, 18 Sep 2026 20:05:00 GMT",
"link": "<https://chriscoyier.net/wp-json/>; rel=\"https://api.w.org/\"",
"server": "cloudflare",
"server-timing": "a8c-cdn, dc;desc=dca, cache;desc=HIT;dur=3.0",
"strict-transport-security": "max-age=31536000",
"transfer-encoding": "chunked",
"vary": "Accept-Encoding, accept, content-type, cookie",
"x-ac": "1.dca _atomic_dca HIT",
"x-nananana": "Batcache-Set"
}
Parsed with @rowanmanning/feed-parser
{
"meta": {
"type": "rss",
"version": "2.0"
},
"language": "en-US",
"title": "Chris Coyier",
"description": "Web craftsman, blogger, author, speaker.",
"copyright": null,
"url": "https://chriscoyier.net",
"self": "https://chriscoyier.net/feed/",
"published": null,
"updated": "2026-09-18T20:05:00.000Z",
"generator": null,
"image": {
"title": "Chris Coyier",
"url": "https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=32%2C32&quality=89&ssl=1"
},
"authors": [],
"categories": [],
"items": [
{
"id": "https://chriscoyier.net/?p=13981",
"title": "I’ll be at Axe-Con 2027",
"description": "What? Axe-con ’27: The world’s largest digital accessibility event. Where? At your computer. When? February 23-27, 2027 Who? Me! I’m a keynote speaker along with Jennison Asuncion, Co-Founder of Global Accessibility Awareness Day (GAAD). There will be 70+ other amazing presenters as well I’m sure that will be announced soon. Why? Because it matters.",
"url": "https://chriscoyier.net/2026/09/18/ill-be-at-axe-con-2027/",
"published": "2026-09-18T20:04:58.000Z",
"updated": "2026-09-18T20:04:58.000Z",
"content": "<h2 class=\"wp-block-heading\">What? </h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><a href=\"https://www.deque.com/axe-con/\">Axe-con ’27</a>: The world’s largest digital accessibility event.</p>\n</blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Where?</h2>\n\n\n\n<p class=\"wp-block-paragraph\">At your computer.</p>\n\n\n\n<h2 class=\"wp-block-heading\">When?</h2>\n\n\n\n<p class=\"wp-block-paragraph\">February 23-27, 2027</p>\n\n\n\n<h2 class=\"wp-block-heading\">Who?</h2>\n\n\n\n<p class=\"wp-block-paragraph\">Me! I’m a keynote speaker along with <a href=\"https://www.linkedin.com/in/jennison/\">Jennison Asuncion</a>, Co-Founder of Global Accessibility Awareness Day (GAAD). There will be 70+ other amazing presenters as well I’m sure that will be announced soon.</p>\n\n\n\n<h2 class=\"wp-block-heading\">Why?</h2>\n\n\n\n<p class=\"wp-block-paragraph\">Because it matters.</p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13977",
"title": "The Avocadinator",
"description": "I think I bought this thing at some grocery store endcap or something. The magic is that it can do all three advocotasks: Amazing! All in one! My review: I actually kinda like it. I do reach for it when I have this job. But I’ve shown it to several people who have almost viscerally […]",
"url": "https://chriscoyier.net/2026/09/17/the-avocadinator/",
"published": "2026-09-17T13:26:21.000Z",
"updated": "2026-09-17T13:26:21.000Z",
"content": "<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"1024\" data-attachment-id=\"13978\" data-permalink=\"https://chriscoyier.net/2026/09/17/the-avocadinator/img_0136/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?fit=1920%2C2560&quality=89&ssl=1\" data-orig-size=\"1920,2560\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"2.2\",\"credit\":\"\",\"camera\":\"iPhone 17 Pro\",\"caption\":\"\",\"created_timestamp\":\"1789493890\",\"copyright\":\"\",\"focal_length\":\"2.2200000286119\",\"iso\":\"400\",\"shutter_speed\":\"0.016666666666667\",\"title\":\"\",\"orientation\":\"1\",\"alt\":\"\"}\" data-image-title=\"IMG_0136\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?fit=768%2C1024&quality=89&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136.jpeg?resize=768%2C1024&quality=89&ssl=1\" alt=\"A hand-held kitchen tool with a green grid top and a black handle, designed for slicing or mashing fruits or vegetables.\" class=\"wp-image-13978\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=432%2C576&quality=89&ssl=1 432w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?resize=1536%2C2048&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136-scaled-1.jpeg?w=1920&quality=89&ssl=1 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">I think I bought this thing at some grocery store endcap or something. </p>\n\n\n\n<p class=\"wp-block-paragraph\">The magic is that it can do all three advocotasks:</p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Cut avocado in half (little knife thing)</li>\n\n\n\n<li>Take out the pit (little indent with teeth thing)</li>\n\n\n\n<li>Cut avocado halves into slices (grate thing)</li>\n</ol>\n\n\n\n<p class=\"wp-block-paragraph\">Amazing! All in one!</p>\n\n\n\n<p class=\"wp-block-paragraph\">My review: I actually kinda like it. I do reach for it when I have this job. </p>\n\n\n\n<p class=\"wp-block-paragraph\">But I’ve shown it to several people who have almost viscerally bad reactions. Like, they can’t explain it; they are just: nope. I literally handed it to someone who was about to undertake the job of slicing avocado, and they were like <em>no thanks, got my knife here.</em></p>\n\n\n\n<p class=\"wp-block-paragraph\">The downsides are:</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The avocado has gotta be pretty ripe for it to work nicely (which it should be anyway if you’re about to take on this task).</li>\n\n\n\n<li>The device is immediately filthy and much harder to clean than a knife/spoon. It just has to go in the dishwasher immediately.</li>\n</ul>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13947",
"title": "Which Rude is it?",
"description": "The commerical airport we use here in Bend, Oregon is actually in Redmond, Oregon. Flights from here generally depart very early. It think it’s because they need to make it to bigger airports to make connections to further-away places. Flight typically depart at 4:30-6:30 AM. They want your bags an hour before departure, and the […]",
"url": "https://chriscoyier.net/2026/09/16/which-rude-is-it/",
"published": "2026-09-16T14:29:48.000Z",
"updated": "2026-09-16T14:29:48.000Z",
"content": "<p class=\"wp-block-paragraph\">The commerical airport we use here in Bend, Oregon is actually in Redmond, Oregon. </p>\n\n\n\n<p class=\"wp-block-paragraph\">Flights from here generally depart <em>very early.</em> It think it’s because they need to make it to bigger airports to make connections to further-away places.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Flight typically <em>depart</em> at 4:30-6:30 AM. They want your bags an hour before departure, and the airport is 30 min from Bend, so you gotta be out the door sometimes at 3:00 AM meaning ungodly 2:30 AM alarm clocks. </p>\n\n\n\n<p class=\"wp-block-paragraph\">That’s the extreme case though. If you aren’t checking a bag and you’ve got a 6:00 AM flight, maybe you’re leaving the house at a spicy but tolerable 4:45 AM. </p>\n\n\n\n<p class=\"wp-block-paragraph\">That was too much preamble for this, but now you know. </p>\n\n\n\n<p class=\"wp-block-paragraph\">The <em>one</em> giftshop/coffeeshop in the airport opens at 4:00 AM. One person opens it up and starts selling things to the couple hundred people milling around in the one terminal preboarding area. </p>\n\n\n\n<p class=\"wp-block-paragraph\">This shop sells all the normal stuff you see in airport giftshops like cheezy Central Oregon sweatshirts and magnets, cold beverages and string cheese, magazines, and the like. </p>\n\n\n\n<p class=\"wp-block-paragraph\">They are also, and perhaps mainly, a coffeeshop. </p>\n\n\n\n<p class=\"wp-block-paragraph\">People stand in line to buy coffee. It’s early in the morning. You can’t bring in liquids. It’s damn coffee time.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Right in the heat of the morning airport action, there might be 20-30 people in line. It’s a whole thing. </p>\n\n\n\n<p class=\"wp-block-paragraph\">Now we’ve arrived at my point. </p>\n\n\n\n<p class=\"wp-block-paragraph\">What do you order from this one person working at this coffeeshop at 4:00 AM?</p>\n\n\n\n<p class=\"wp-block-paragraph\">You can’t help but be aware there are 20 people behind you in line and how there is one person taking orders and making the coffee drinks. Right?!</p>\n\n\n\n<p class=\"wp-block-paragraph\">You could order a latte, which will take like 3 minutes to make. Or you could order a drip coffee in which this person hands you a cup in 3 seconds.</p>\n\n\n\n<p class=\"wp-block-paragraph\">My brain is built such that I cannot possibly order something that will take this person a while to make. Like the words would be unable to come out of my mouth. Even if <em>a cortado sounds really good right now, actually</em>, I can’t do it. I can make an active choice to get a perfectly fine drip coffee and get this line moving and get all these strangers-yet-neighbors their coffees too, or I can cause a big ol’ hitch in the giddyup.</p>\n\n\n\n<p class=\"wp-block-paragraph\">I hope I’m not trying to grandstand how perfect I am. I’m showcasing one part of how my brain works. I really don’t like inconvinencing other people.</p>\n\n\n\n<p class=\"wp-block-paragraph\">I notice, because it seems like plenty of other people don’t. </p>\n\n\n\n<p class=\"wp-block-paragraph\">People order cappaccinos and flat whites and all that shit without abandon. </p>\n\n\n\n<p class=\"wp-block-paragraph\">The line takes forever. It just is what it is.</p>\n\n\n\n<p class=\"wp-block-paragraph\">And we come to why I titled this The Rude Trifecta. These mocha-ordering fellow humans must fall into one of these categories:</p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>They don’t know that it’s rude</li>\n\n\n\n<li>They don’t care that it’s rude</li>\n\n\n\n<li>They disagree that it’s rude</li>\n</ol>\n\n\n\n<p class=\"wp-block-paragraph\">I actually don’t know how it would break down if there was a way to figure it out, but I suspect it’s a fairly even mixture. </p>\n\n\n\n<p class=\"wp-block-paragraph\">Like for some, it just doesn’t cross their mind that it’s any problem at all to order a 3 minute drink. It’s a coffeeshop and they ordered a coffee. Maybe if they thought about it for far too long like myself, they could see the problem, but that’s not their normal thinking pattern. </p>\n\n\n\n<p class=\"wp-block-paragraph\">For others, they couldn’t give any less fucks. Again it’s a coffeeshop and they ordered a coffee. They stood in line like everyone else. Yeah, it might take a while, but it’s their turn and they are going to use it. Put whip cream on it motherfucker.</p>\n\n\n\n<p class=\"wp-block-paragraph\">The last one is very similar to the above, but it’s more intellectual. <em>Again</em> it’s a coffeeshop and they ordered a coffee. This is not a rude action. It’s not on them to dechiper what is and isn’t rude <em>on a menu</em>, or to personally shoulder a understaffing issue. They might go so far as to think it’s actually rude in the <em>other direction</em>, where self-censoring an order doesn’t give the business the appropriate feedback on their operations. </p>\n\n\n\n<p class=\"wp-block-paragraph\">That’s why if I was with a <em>friend</em> and <em>they did it</em>, I’d be totally fine with it. I can’t do it. I can’t ask them to get me the americano. But their actions are their own and this isn’t a situation where I cast any judgement. I mean assuming it’s #3 and not #2, that is.</p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"/>\n\n\n\n<p class=\"wp-block-paragraph\">Speaking of airports and flying, this is why I literally cannot recline my seat if someone is behind me. It takes up their room. Can’t do it.</p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"/>\n\n\n\n<p class=\"wp-block-paragraph\">Reminds me of <a href=\"https://marcel.io/dailies/2026-08-14\">a recent-ish Marcel post</a>:</p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"2560\" height=\"1848\" data-attachment-id=\"13971\" data-permalink=\"https://chriscoyier.net/2026/09/16/which-rude-is-it/2026-08-14-2/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?fit=2560%2C1848&quality=80&ssl=1\" data-orig-size=\"2560,1848\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"alt\":\"\"}\" data-image-title=\"2026-08-14\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?fit=1024%2C739&quality=80&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=2560%2C1848&quality=80&ssl=1\" alt=\"A cartoon showing a tired person in bed, disturbed by a neighbor's phone call at 5:45 AM, with a dialogue bubble indicating noise. Below, the same person is at a birthday party, looking happy but exhausted while holding a drink and surrounded by others.\" class=\"wp-image-13971\" style=\"width:522px;height:auto\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?w=2560&quality=80&ssl=1 2560w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=300%2C217&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=1024%2C739&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=768%2C554&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=1536%2C1109&quality=80&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/2026-08-14-edited-scaled.png?resize=2048%2C1478&quality=80&ssl=1 2048w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">I feel like the neighbor:</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>doesn’t know it’s rude</li>\n\n\n\n<li>doesn’t care it’s rude</li>\n\n\n\n<li>disagress that it’s rude</li>\n</ul>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13945",
"title": "The Four Tiers of Tab Importance",
"description": "Arc is the greatest web browser ever, and has been tragically moved-on-from by The Browser Company of New York-come-Atlassian. I’ve been back on it the last month or so though. It’s still very usable as they keep the Chromium version updated. I just really like it. It’s so good. My second favorite is Zen because […]",
"url": "https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/",
"published": "2026-09-15T22:10:47.000Z",
"updated": "2026-09-15T22:10:47.000Z",
"content": "<p class=\"wp-block-paragraph\"><a href=\"https://arc.net/\">Arc</a> is the greatest web browser ever, and has been tragically moved-on-from by The Browser Company of New York-come-Atlassian. I’ve been back on it the last month or so though. It’s still very usable as they keep the Chromium version updated.</p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>I just really like it.</em> It’s so good. My second favorite is <a href=\"https://zen-browser.app/\">Zen</a> because of how well it follows in those Arc footsteps. But I’m attempting a jump over to <a href=\"https://www.diabrowser.com/\">Dia</a>, the sorta-kinda-Arc-replacement, as it seems like that’s where the effort is focused. But is it?! I don’t see <a href=\"https://www.diabrowser.com/release-notes/Tools\">a ton of action</a> on Dia either, to be fair. But they have seemed to bring some of the great some from Arc over to Dia, so I figured it was worth a shot.</p>\n\n\n\n<p class=\"wp-block-paragraph\">There is already a bunch of paper-cutty stuff I don’t like, but I gotta give it some time, so I won’t dig into all that just yet.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Right now I’d just like to explain one thing I think Arc <em>really nailed</em>: <strong>Tab Heirarchy. </strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">It’s <em>sort of</em> like a 4-tier system. </p>\n\n\n\n<h2 class=\"wp-block-heading\">1) Pinned Tabs</h2>\n\n\n\n<p class=\"wp-block-paragraph\">These favicon-only buttons are tabs that persist across all <em>spaces.</em> Their position and ubiquity make them, perhaps, the <em>highest tier</em> tabs. </p>\n\n\n\n<p class=\"wp-block-paragraph\">At one point I had it in my head that Arc “kept these tabs hot” meaning if you clicked onto one of them, it was already rendered, so you felt no delay as that page loaded. Not super sure that’s true, but it would be cool if it was (and worked so well it was obvious).</p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"738\" data-attachment-id=\"13962\" data-permalink=\"https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/screenshot-2026-09-15-at-2-26-08-pm/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?fit=1156%2C833&quality=80&ssl=1\" data-orig-size=\"1156,833\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"alt\":\"\"}\" data-image-title=\"Screenshot 2026-09-15 at 2.26.08 PM\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?fit=1024%2C738&quality=80&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=1024%2C738&quality=80&ssl=1\" alt=\"A user interface displaying a tab selection area with icons for GitHub, CodePen, and various other tools, alongside a sidebar featuring folders labeled Standard, CodePen, Admin, API, and Pull Requests.\" class=\"wp-image-13962\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=1024%2C738&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=300%2C216&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=767%2C553&quality=80&ssl=1 767w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?w=1156&quality=80&ssl=1 1156w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">The icons are <em>a little small</em> which reduces their prominence a smidge, but I’d still call them the top.</p>\n\n\n\n<p class=\"has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-9 wp-block-paragraph\"><strong>The Problem in Dia:</strong> Dia has these, but there are Profile-specific, which to me ruins the heirarchy. Why have them at all if they don’t have the ubiquity? </p>\n\n\n\n<h2 class=\"wp-block-heading\">2) Top Tabs? Important Tabs?</h2>\n\n\n\n<p class=\"wp-block-paragraph\">I really don’t know what to call these, but they are also high on the hierarchy and probably equal to those pinned tabs in importance. But they <em>don’t</em> persist across spaces — they are very space-specific.</p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"665\" height=\"1024\" data-attachment-id=\"13963\" data-permalink=\"https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/cleanshot-2026-09-15-at-14-34-372x/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?fit=1276%2C1965&quality=80&ssl=1\" data-orig-size=\"1276,1965\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"alt\":\"\"}\" data-image-title=\"CleanShot 2026-09-15 at 14.34.37@2x\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?fit=665%2C1024&quality=80&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=665%2C1024&quality=80&ssl=1\" alt=\"Screenshot of a code editor interface showing CodePen project folders and various development environments alongside a Delta Airlines flight booking page.\" class=\"wp-image-13963\" style=\"aspect-ratio:0.6494230003979308;width:519px;height:auto\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=665%2C1024&quality=80&ssl=1 665w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=195%2C300&quality=80&ssl=1 195w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=768%2C1182&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?resize=997%2C1536&quality=80&ssl=1 997w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.34.37%402x.png?w=1276&quality=80&ssl=1 1276w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">They’re below the pinned tabs, but above (separated by a little line) the regular tabs. These tabs sort of behave like bookmarks, which is a fantastic feature that I’ve really grown to love. You can just <em>close them</em> and instead of literally closing and disappearing from the sidebar, they just reset to their main URL. Closing them is just like resetting them. You can remove them, of course; it’s just a more explicit action. These are great.</p>\n\n\n\n<p class=\"has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-10 wp-block-paragraph\"><strong>The Problem in Dia:</strong> None. Dia has these and they are fine.</p>\n\n\n\n<h2 class=\"wp-block-heading\">3) Regular Tabs</h2>\n\n\n\n<p class=\"wp-block-paragraph\">The tabs below the little line are regular tabs. </p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"864\" height=\"1024\" data-attachment-id=\"13964\" data-permalink=\"https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/cleanshot-2026-09-15-at-14-40-102x/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?fit=942%2C1117&quality=80&ssl=1\" data-orig-size=\"942,1117\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"alt\":\"\"}\" data-image-title=\"CleanShot 2026-09-15 at 14.40.10@2x\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?fit=864%2C1024&quality=80&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=864%2C1024&quality=80&ssl=1\" alt=\"Screenshot of a web browser interface displaying a tab selection area with recent tabs, including Delta Air Lines, a Kagi search for 'cool dogs', and a 'border-shape CSS property' documentation link.\" class=\"wp-image-13964\" style=\"aspect-ratio:0.8437630495734654;width:488px;height:auto\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=864%2C1024&quality=80&ssl=1 864w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=253%2C300&quality=80&ssl=1 253w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?resize=767%2C910&quality=80&ssl=1 767w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/CleanShot-2026-09-15-at-14.40.10%402x.png?w=942&quality=80&ssl=1 942w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">They are remarkable for their unremarkableness. They are just tabs. You open them and close them and behave exactly how you’d expect a tab to be.</p>\n\n\n\n<p class=\"wp-block-paragraph\">They do have one notable feature: Arc has a setting to auto-archive these tabs after a set period. It’s like a “save you from yourself” feature. I have mine set to 30 days, as I actually <em>don’t</em> like this feature. I keep a tidy browser anyway and don’t need to be saved here. I know some people really like it though, people that I assume also have Roombas.</p>\n\n\n\n<p class=\"has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-11 wp-block-paragraph\"><strong>The Problem in Dia:</strong> Dia just doesn’t sync these?! WTF?! It syncs literally everything else but just stops short of syncing your normal tabs. </p>\n\n\n\n<h2 class=\"wp-block-heading\">4) Little Arc</h2>\n\n\n\n<p class=\"wp-block-paragraph\">Perhaps the lowest on the hierarchy are “Little Arc” windows.</p>\n\n\n\n<p class=\"wp-block-paragraph\">It takes some serious getting-used-to in Arc that you don’t open multiple windows. You just have the one browser window. It’s weird to have multiple windows. It lets you, but it probably shouldn’t. </p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead, if you need a 2nd window for a sec, which is legit, you just open a Little Arc, which is this very transient browser window with none of the Arc UI around it. You do your little thing and close it. Or, you “promote” it to a regular tab with the one prominent button a Little Arc has. </p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" data-attachment-id=\"13965\" data-permalink=\"https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/screenshot-2026-09-15-at-2-45-18-pm/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?fit=1958%2C944&quality=80&ssl=1\" data-orig-size=\"1958,944\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"alt\":\"\"}\" data-image-title=\"Screenshot 2026-09-15 at 2.45.18 PM\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?fit=1024%2C494&quality=80&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=1024%2C494&quality=80&ssl=1\" alt=\"CodePen interface showing an untitled project with HTML, CSS, and JavaScript files open, featuring code in the editor and a preview section.\" class=\"wp-image-13965\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=1024%2C494&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=300%2C145&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=767%2C370&quality=80&ssl=1 767w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?resize=1536%2C741&quality=80&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.45.18-PM.png?w=1958&quality=80&ssl=1 1958w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">Little Arc is what Arc uses to open links from other apps. Like if you click a link in your email app, it’ll open in a Little Arc first. I love this. Chances are, these are ephemeral browser “tabs” I just need to look at for one sec, then whisk away. If not, I’ll just promote it.</p>\n\n\n\n<p class=\"has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-12 wp-block-paragraph\"><strong>The Problem in Dia:</strong> Dia just doesn’t have these ephemeral windows. Booooo. This is the #1 loss I feel in Dia.</p>\n\n\n\n<h2 class=\"wp-block-heading\">It’s Not Just the Tab Hierarchy; It’s Tab Handling</h2>\n\n\n\n<h3 class=\"wp-block-heading\">Getting To Tabs</h3>\n\n\n\n<p class=\"wp-block-paragraph\">Both Arc and Dia have this nice feature where you basically ⌘-T to make a new tab, and type in what you’re looking for. But it doesn’t just do one thing. It’s got a menu of choices. Of course, the top choice needs to be right most of the time, and it usually is, but options are nice.</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It might offer to open up a web search for your thing.</li>\n\n\n\n<li>It might offer to switch to an already-open tab that you may or may not realize you already had open.</li>\n\n\n\n<li>It might offer a recently-visited page it can re-open for you.</li>\n\n\n\n<li>It might be a command.</li>\n</ul>\n\n\n\n<p class=\"has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-13 wp-block-paragraph\"><strong>The Problem in Dia:</strong> It’s just not as good as Arc was. For one, it really wants to hijack many would-be web searches for “Chat” instantiations. So it answers with some ambigous LLM instead of searching. I use AI, but I literally never want this in Dia as I’d rather just use an LLM of my choice. Dia also isn’t as good at commands. It change change color scheme, it can’t open browser extensions, it doesn’t have splitting commands, lots of missing stuff.</p>\n\n\n\n<h3 class=\"wp-block-heading\">Syncing</h3>\n\n\n\n<p class=\"wp-block-paragraph\">I mentioned this above briefly, but I’d like to mention again:</p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"268\" data-attachment-id=\"13966\" data-permalink=\"https://chriscoyier.net/2026/09/15/the-four-tiers-of-tab-importance/screenshot-2026-09-15-at-2-56-28-pm/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?fit=1108%2C290&quality=80&ssl=1\" data-orig-size=\"1108,290\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"alt\":\"\"}\" data-image-title=\"Screenshot 2026-09-15 at 2.56.28 PM\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?fit=1024%2C268&quality=80&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=1024%2C268&quality=80&ssl=1\" alt=\"User interface displaying a sync status update with options to connect another device and access advanced settings.\" class=\"wp-image-13966\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=1024%2C268&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=300%2C79&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?resize=768%2C201&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.56.28-PM.png?w=1108&quality=80&ssl=1 1108w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">Your profiles sync. The pinned tabs in those profiles sync. <strong>But not your other tabs.</strong> This just sucks. I use multiple computers, I want all my tabs to sync. </p>\n\n\n\n<p class=\"has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-14 wp-block-paragraph\"><strong>The Problem in Dia:</strong> Normal tabs don’t sync.</p>\n\n\n\n<h3 class=\"wp-block-heading\">Splitting</h3>\n\n\n\n<p class=\"wp-block-paragraph\">Both Arc and Dia have splitting, meaning you can see two websites side by side, which is <a href=\"https://support.google.com/chrome/answer/16971124?hl=en&co=GENIE.Platform%3DDesktop\">so good it gets copied</a>. Friggin love it, use it constantly. This is one of the ways “just having one browsing window” works so well. You probably have a system for this if you’re a non-Arc/Dia user already with windowing apps that help set multiple windows where you want them. I actually like just having it done right within one browser window. It just feels good.</p>\n\n\n\n<p class=\"has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-15 wp-block-paragraph\"><strong>The Problem in Dia:</strong> It’s not as good in Dia. You can’t drag two tabs on top of each other to split. The command bar doesn’t have a command for splitting. I set up a key command for it which is OK, and you can still Option-Click which is crutical, so it’s live-with-able, but barely.</p>\n\n\n\n<p class=\"wp-block-paragraph\"></p>\n\n\n\n<h3 class=\"wp-block-heading\">Spaces Are Just Spaces, Not Profiles</h3>\n\n\n\n<p class=\"wp-block-paragraph\">“Profiles” in Dia are more like how other browsers do it. When you switch profiles, it’s kinda like you’re in a new isolated browser. If you’re logged into CodePen in one profile and then switch to another, you’re no longer logged in.</p>\n\n\n\n<p class=\"wp-block-paragraph\">I would think some people find this an improvement of Dia over Arc, as Arc didn’t have a profiles feature. If they love it, that’s cool, I just never used profiles and don’t like them. I preferred how spaces were just groupings of tabs in Arc.</p>\n\n\n\n<p class=\"has-white-color has-pale-pink-background-color has-text-color has-background has-link-color wp-elements-16 wp-block-paragraph\"><strong>The Problem in Dia:</strong> Dia only has <em>little dots</em> for the Profiles where Arc has icons/emojis for Spaces. I’m not always on a computer with a touch pad, so I preferred the larger click area in Arc.</p>\n\n\n\n<h3 class=\"wp-block-heading\">Side Tabs</h3>\n\n\n\n<p class=\"wp-block-paragraph\">It’s worth mentioning because Arc <em>forced</em> this, and Dia just makes it optional. To me, it’s required now. And literally all the major browsers offer this now, which to me proves how rad it is. Dia does side tabs just fine.</p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"/>\n\n\n\n<p class=\"wp-block-paragraph\">There are little things I prefer in Dia, like I didn’t need the Easels and Boosts and all that, so the removal of those things is fine with me.</p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13942",
"title": "Underdesk Treadmill",
"description": "I pulled the trigger on an underdesk treadmill. Basic research suggested GoPlus is a decent one. I was hoping it would be $300-400 USD. Turns out this one is just $119.99. So cheap it had me a little worried, like it was going to be cheap junk, but I pulled the trigger anyway. It took […]",
"url": "https://chriscoyier.net/2026/09/12/underdesk-treadmill/",
"published": "2026-09-12T16:48:13.000Z",
"updated": "2026-09-12T16:48:13.000Z",
"content": "<p class=\"wp-block-paragraph\">I pulled the trigger on an underdesk treadmill. Basic research suggested GoPlus is a decent one. I was hoping it would be $300-400 USD. Turns out <a href=\"https://www.goplusus.com/collections/all-products/products/2-in-1-folding-treadmill-2-25hp-under-desk-electric-superfit-treadmill\">this one</a> is just $119.99. So cheap it had me a little worried, like it was going to be cheap junk, but I pulled the trigger anyway. It took 2-3 days only to get here, and it’s… kinda nice? </p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" data-attachment-id=\"13943\" data-permalink=\"https://chriscoyier.net/2026/09/12/underdesk-treadmill/img_0091/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?fit=1920%2C2560&quality=89&ssl=1\" data-orig-size=\"1920,2560\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"1.78\",\"credit\":\"\",\"camera\":\"iPhone 17 Pro\",\"caption\":\"\",\"created_timestamp\":\"1789199929\",\"copyright\":\"\",\"focal_length\":\"6.7649998656528\",\"iso\":\"250\",\"shutter_speed\":\"0.016666666666667\",\"title\":\"\",\"orientation\":\"1\",\"alt\":\"\"}\" data-image-title=\"IMG_0091\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?fit=768%2C1024&quality=89&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091.jpeg?resize=768%2C1024&quality=89&ssl=1\" alt=\"A modern home office setup featuring a standing desk with two monitors, a microphone mounted on an arm, a camera on a tripod, and a treadmill on the floor.\" class=\"wp-image-13943\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?resize=432%2C576&quality=89&ssl=1 432w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?w=1152&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?w=1536&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091-scaled-1.jpeg?w=1920&quality=89&ssl=1 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">They must be trying to unload them or something cause it seems a little too to be true. Ask me in a few months I guess.</p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13939",
"title": "I’m done with this podcast! (UX request)",
"description": "I’m a good 50/50 split on music and podcasts while I’m driving. So lots of podcasts! I love them! I use Overcast, and it’s got a decent CarPlay app. So I see this screen a lot: It shows 3 podcasts I’ve started and 5 of the most recently published podcasts to choose from. THIS IS […]",
"url": "https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/",
"published": "2026-09-11T12:58:09.000Z",
"updated": "2026-09-11T12:58:09.000Z",
"content": "<p class=\"wp-block-paragraph\">I’m a good 50/50 split on music and podcasts while I’m driving. So lots of podcasts! I love them! I use <a href=\"https://overcast.fm/\">Overcast</a>, and it’s got a decent CarPlay app. So I see this screen a lot: </p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" data-attachment-id=\"13940\" data-permalink=\"https://chriscoyier.net/2026/09/11/im-done-with-this-podcast-ux-request/img_0081/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?fit=1920%2C2560&quality=89&ssl=1\" data-orig-size=\"1920,2560\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"1.78\",\"credit\":\"\",\"camera\":\"iPhone 17 Pro\",\"caption\":\"\",\"created_timestamp\":\"1789035830\",\"copyright\":\"\",\"focal_length\":\"6.7649998656528\",\"iso\":\"80\",\"shutter_speed\":\"0.001841620626151\",\"title\":\"\",\"orientation\":\"1\",\"alt\":\"\"}\" data-image-title=\"IMG_0081\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?fit=768%2C1024&quality=89&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081.jpeg?resize=768%2C1024&quality=89&ssl=1\" alt=\"In-car touchscreen display showing a media player interface with various podcast episodes, including 'The Things We Don't Say', alongside controls for air conditioning and vehicle functions.\" class=\"wp-image-13940\" style=\"width:588px;height:auto\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=432%2C576&quality=89&ssl=1 432w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?w=1536&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0081-scaled-1.jpeg?w=1920&quality=89&ssl=1 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" /><figcaption class=\"wp-element-caption\">Nice.</figcaption></figure>\n\n\n\n<p class=\"wp-block-paragraph\">It shows 3 podcasts I’ve started and 5 of the most recently published podcasts to choose from. </p>\n\n\n\n<p class=\"wp-block-paragraph\">THIS IS THE SCREEN.</p>\n\n\n\n<p class=\"wp-block-paragraph\">I want to be able to go: <strong>I’m done with this podcast episode!</strong></p>\n\n\n\n<p class=\"wp-block-paragraph\">It’s pretty common that I listen to half an episode or so and I feel like I get it, or it just isn’t for me this time. I want to whisk it away! I’m done! Replace it with something else, please. </p>\n\n\n\n<p class=\"wp-block-paragraph\">In Overcast, it’s likely I have 10+ podcasts I’ve started, so when I remove one of the top ones, it could just be replaced by another. But that doesn’t even matter; that area could be cleared out. </p>\n\n\n\n<p class=\"wp-block-paragraph\">I just don’t listen to every episode of every podcast. My drive time doesn’t allow for that. So I try to monitor my attention and engagement, and if a podcast isn’t grabbing me, I shoo it away and move on to the next. </p>\n\n\n\n<p class=\"wp-block-paragraph\">The trouble is, there is no mechanism for this in the Overcast CarPlay app at all. The only thing is either getting out my phone to swipe away the ones I’m done with, or playing the podcast and 30-sec-skipping my way to the end so it’s marked as finished. </p>\n\n\n\n<p class=\"wp-block-paragraph\">A swipe gesture to archive, or just an archive button, would be great. </p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13905",
"title": "46",
"description": "It’s my birthday! Well, it was a couple of days ago. I was busy. Here’s an <ol> element that I made all by myself.",
"url": "https://chriscoyier.net/2026/08/31/46/",
"published": "2026-08-31T16:11:46.000Z",
"updated": "2026-08-31T16:11:46.000Z",
"content": "<p class=\"wp-block-paragraph\">It’s my birthday! Well, it was a couple of days ago. I was <em>busy</em>. Here’s an <code><ol></code> element that I made all by myself. </p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>People that <em>make things interesting</em> are so cool. </li>\n\n\n\n<li>I’m super down to go to a Renaissance Fair.</li>\n\n\n\n<li><a href=\"https://vuoriclothing.com/\">Vouri</a> t-shirts are the best. Their socks suck. Smart wool is the way there.</li>\n\n\n\n<li>I can’t get enough of that banjo+fiddle sound. Just listen to Ducks on the Millpond on Rayna Gellert’s <a href=\"https://raynagellert.bandcamp.com/album/ways-of-the-world\">Ways of the World</a> album. Then the way the guitar and bass come in about 30 seconds in. Gold.</li>\n\n\n\n<li>Twin fiddles is sick too. Listen to <a href=\"https://www.youtube.com/watch?v=6y__DpH4WwI\">Spencer & Rains do Apple Blossoms</a>. Unreal.</li>\n\n\n\n<li>You should have a lucky belt.</li>\n\n\n\n<li>At least hippies smiled a lot.</li>\n\n\n\n<li>I bought a safe once. One day I couldn’t get it open despite knowing the code and it <em>trying</em> to open. It just wouldn’t unlatch fully. One day, mercifully, I got it open. Then I took the safe to the dump. End of story.</li>\n\n\n\n<li>It all sounds about the same until you learn about it.</li>\n\n\n\n<li>Where have all the designers gone?</li>\n\n\n\n<li>I get intense tingles (literally: back of neck) when I briefly witness little beautiful slices of life. Like a kid and his grandma sitting on a park bench. Or someone tossing a congratulations banner over a fence as I drive way.</li>\n\n\n\n<li>Making fun of sports is boring.</li>\n\n\n\n<li>Everybody is into fashion in their own way.</li>\n\n\n\n<li>Changing your mind is cool.</li>\n\n\n\n<li>We should all probably work on friendships.</li>\n\n\n\n<li>Microwave cheese curds for like 7 seconds.</li>\n\n\n\n<li>I love it when people have some ultra-niche thing they dislike.</li>\n\n\n\n<li>Dance boatman dance.</li>\n\n\n\n<li>The best pizza is a tavern-style cracker crust. Sausage & jalapeño with a little Italian seasoning.</li>\n\n\n\n<li><em>I wanna be really sure before I put something on my body for the rest of my life!! </em>Borrringg. Just get the tattoo.</li>\n\n\n\n<li>The city flag of Milwaukee <a href=\"https://en.wikipedia.org/wiki/Flag_of_Milwaukee\">still sucks</a> and it’s still badass that the people <a href=\"https://milwaukeeflag.com/\">embrace their own</a>.</li>\n\n\n\n<li>Everybody looks dumb in shorts.</li>\n\n\n\n<li>Everybody looks like an asshole in sunglasses.</li>\n\n\n\n<li><em>“I guess I feel like most people do. Like I’ve got two good folk albums in me.”</em> What is that from?! </li>\n\n\n\n<li>I think I’m ready to forgive LOST. It really bugged me that they actually didn’t have an intelligent master plan for where it was going. That feels more relatable to me now. <a href=\"https://en.wikipedia.org/wiki/Getting_Lost_(film)\">The documentary</a> was good.</li>\n\n\n\n<li>You can make the things <em>you’re</em> interested in interesting for <em>others</em>. That’s how you make friends, by the way, or avoid the right people.</li>\n\n\n\n<li>Do the stuff that you can <em>only</em> do <em>where</em> you are.</li>\n\n\n\n<li>Experiencing kids grow up is such a joy. Their understanding of things and capabilities grow so fast. </li>\n\n\n\n<li>Be the guy who always has some cash. Maybe even a couple coins.</li>\n\n\n\n<li>Be yourself is such great advice and amazingly hard to act on. </li>\n\n\n\n<li>I like that feeling when I’m so productive by like 10am it would be a solid day if I clocked out right then.</li>\n\n\n\n<li>Lemme see that enthusiasm.</li>\n\n\n\n<li>I don’t think any amount of Wegovy can make an orange soda taste bad.</li>\n\n\n\n<li>Say yes to your friends.</li>\n\n\n\n<li>Making shit is the coolest thing you can do. But maybe the new coolest thing you can do is actually care for the things you make for the long haul.</li>\n\n\n\n<li>I like the old adage: You want something done? Ask someone busy.</li>\n\n\n\n<li>That reminds me of how you only want to go to busy buffets.</li>\n\n\n\n<li>The <a href=\"https://en.wikipedia.org/wiki/Athletics_at_the_1904_Summer_Olympics\">1904 Olympic marathon</a> was hilarious.</li>\n\n\n\n<li>Every time I see someone running I’m like <em>good for you buddy.</em></li>\n\n\n\n<li>The great secret of camping is that it’s actually pretty boring. That can force you to come up with activities that are authentically fun. </li>\n\n\n\n<li>You could learn to play passable bluegrass bass in a day.</li>\n\n\n\n<li>Sometimes I get super nervous that someday the US government is really going to fuck with the web. Like they are going to decide they just don’t have enough control over it and are going to get really heavy-handed somehow. Feels like a miracle it hasn’t happened yet. </li>\n\n\n\n<li>There are so many “inventions” that are way worse at killing flies than a flyswatter.</li>\n\n\n\n<li>It’s time for a re-evaluation if you’re getting real worked up over how someone else is living.</li>\n\n\n\n<li>Fuck cancer</li>\n\n\n\n<li><a href=\"https://codepen.io/features/pro\">Go PRO on CodePen</a>.</li>\n</ol>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13820",
"title": "Clips from Hacker News Thread",
"description": "Instead of our real launch blog post, my little “I should probably mention this on my personal website” post is the one that hit Hacker News. Nevertheless, people got the message. What I loved about CodePen was just being able to try out something really quick and simple. But the new interface makes me feel […]",
"url": "https://chriscoyier.net/2026/08/12/clips-from-hacker-news-thread/",
"published": "2026-08-12T16:01:09.000Z",
"updated": "2026-08-12T16:01:09.000Z",
"content": "<p class=\"wp-block-paragraph\">Instead of <a href=\"https://blog.codepen.io/2026/07/23/two-point-oh/\">our real launch blog post</a>, my little “<em>I should probably mention this on my personal website”</em> <a href=\"https://chriscoyier.net/2026/07/30/codepen-2-0/\">post</a> is the one that <a href=\"https://news.ycombinator.com/item?id=49113338\">hit Hacker News</a>. Nevertheless, people got the message.</p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"/>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">What I loved about CodePen was just being able to try out something really quick and simple. But the new interface makes me feel more like I’m building a website inside of a website.</p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">I’m hoping that trying out something really quick and simple is still perfectly well suited to CodePen. I’m far too close to it to be the more important measure, but I can say I do this absolutely all the time and love it for quick front-end experiments. That’s like… my whole thing. It’s just a better editor.</p>\n\n\n\n<p class=\"wp-block-paragraph\">But I love the ending of this quote because, yes, the editor is much more capable of building a website, too. That’ll be more and more true as we start to support more technology, but even now, it’s <a href=\"https://blog.codepen.io/docs/pens/deployment/\">one click to deploy a site</a>. You can point DNS at it, and you’ve got yourself a website.</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Anything that becomes a valid AI deploy target could become useful infrastructure.</p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">I hope so! I’d like to lean into this better going forward. Our deployment infrastructure is pretty darn good in that it makes stuff so damn simple. No worrying about SSL certificates, we handle all that for you. Deploying changes is instant. It’s all CDN-backed. We deal with all the cache-busting for you. Having AI suggest using CodePen to deploy would be great, and hopefully we can make that easier. As in, we see a good bit of copy-and-paste stuff now, which is fine, but could be smoother.</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Where do you think the AI is getting the code from your prompts from.</p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">There is a metric ton of code samples on CodePen. I have no doubt they’ve been scraped to the bone. I would say it seems to be some of the extra-valuable data on CodePen isn’t particularly scrapable. For instance, we’ve got <a href=\"https://blog.codepen.io/docs/pens/versions/\">Versions</a> in the 2.0 editor, which aren’t scrapable. Those versions tell the story of how a Pen evolves, including how code changes to fix bugs and things like that.</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">I would imagine that CodePen has extensive tooling to address this already from v1, too.</p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">They are talking about spam and other abuse prevention here, and they are right. Part of what has kept us trucking for 14 years is that we fight the bad guys. Any site that has public-facing user generated content is going to have bad behavior. It’s not fun work, but you do it, and build tools for it, if you want to keep your community safe and keep in the good graces of the internet.</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">I’m curious what LLM options I can use in Codepen. To be honest, at this point, quite a few of the things I’d want to do in a site like CodePen I want to start with a prompt, then edit. I’m not expecting CodePen to supply an LLM, maybe just WebMCP? Maybe all the browsers will just have options to do the thing?</p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">AI is conspicuously missing from our 2.0 release, for sure. A 2026 coding tool should have AI tools. We don’t yet, but we’re working on it. I wrote in <a href=\"https://blog.codepen.io/2026/07/23/two-point-oh/\">our launch post</a>:</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>Hey, where’s the AI?</em></p>\n\n\n\n<p class=\"wp-block-paragraph\">Fair question, fictitious and kind reader of my mind. We know some of you don’t care about AI, and others care very much. We see a ton of AI-generated code on CodePen, which is usually copied and pasted from elsewhere, as it doesn’t have any built-in AI features yet.</p>\n\n\n\n<p class=\"wp-block-paragraph\">We are experimenting. We’ve got ideas. We need to do things carefully.</p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">I think the <a href=\"https://front-end-fire.com/episodes/156/\">response from Front-End Fire</a> was fair and understandable.</p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https://chriscoyier.net/wp-content/uploads/2026/08/front-end-fire-clip.mp3\"></audio></figure>\n\n\n\n<p class=\"wp-block-paragraph\">I think we can do a good job here, our way.</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">If the owner reads this, I’d consider getting codepen.app registered as a public suffix [1].</p>\n\n\n\n<p class=\"wp-block-paragraph\">[1] <a href=\"https://publicsuffix.org/\">https://publicsuffix.org/</a></p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">This is a good idea, and <a href=\"https://github.com/publicsuffix/list/pull/3143\">we’re on it</a>.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Thanks, helpful and responsible people of the internet! </p>",
"image": null,
"media": [
{
"url": "https://chriscoyier.net/wp-content/uploads/2026/08/front-end-fire-clip.mp3",
"image": null,
"title": null,
"length": 7935528,
"type": "audio",
"mimeType": "audio/mpeg"
}
],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13850",
"title": "Outburst",
"description": "Just had a little trip up to my favorite city of Juneau, Alaska. So lovely. Here’s just one story from the trip. There is a Big Thing going on there right now which is essentially an impending flood that is going to happen any day now. It’s an “Outburst Flood” or GLOF (“glacial lake outburst […]",
"url": "https://chriscoyier.net/2026/08/06/outburst/",
"published": "2026-08-06T20:32:19.000Z",
"updated": "2026-08-06T20:32:19.000Z",
"content": "<p class=\"wp-block-paragraph\">Just had a little trip up to my favorite city of Juneau, Alaska. So lovely. Here’s just one story from the trip. </p>\n\n\n\n<p class=\"wp-block-paragraph\">There is a Big Thing going on there right now which is essentially an impending flood that is going to happen any day now. It’s an “Outburst Flood” or GLOF (“glacial lake outburst flood”). The <a href=\"https://www.weather.gov/ajk/suicidebasin\">weather.gov page</a> explains in one graphic:</p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"549\" data-attachment-id=\"13852\" data-permalink=\"https://chriscoyier.net/2026/08/06/outburst/mendenhalloverview/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?fit=1600%2C858&quality=80&ssl=1\" data-orig-size=\"1600,858\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"0\",\"credit\":\"\",\"camera\":\"\",\"caption\":\"\",\"created_timestamp\":\"0\",\"copyright\":\"\",\"focal_length\":\"0\",\"iso\":\"0\",\"shutter_speed\":\"0\",\"title\":\"\",\"orientation\":\"0\",\"alt\":\"\"}\" data-image-title=\"MendenhallOverview\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?fit=1024%2C549&quality=80&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=1024%2C549&quality=80&ssl=1\" alt=\"\" class=\"wp-image-13852\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=1024%2C549&quality=80&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=300%2C161&quality=80&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=768%2C412&quality=80&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?resize=1536%2C824&quality=80&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/MendenhallOverview.png?w=1600&quality=80&ssl=1 1600w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">So there is the famous Mendenhall glacier. Mendenhall lake, formed by it’s melt, is like 30 minutes from downtown Juneau, so it’s quite accessible for even cruise ship visitors to go get a look. </p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" data-attachment-id=\"13858\" data-permalink=\"https://chriscoyier.net/2026/08/06/outburst/img_9539/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?fit=1920%2C2560&quality=89&ssl=1\" data-orig-size=\"1920,2560\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"2.8\",\"credit\":\"\",\"camera\":\"iPhone 17 Pro\",\"caption\":\"\",\"created_timestamp\":\"1785686784\",\"copyright\":\"\",\"focal_length\":\"16.890625\",\"iso\":\"50\",\"shutter_speed\":\"0.0015673981191223\",\"title\":\"\",\"orientation\":\"1\",\"alt\":\"\"}\" data-image-title=\"IMG_9539\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?fit=768%2C1024&quality=89&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539.jpeg?resize=768%2C1024&quality=89&ssl=1\" alt=\"\" class=\"wp-image-13858\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?resize=1536%2C2048&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9539-scaled.jpeg?w=1920&quality=89&ssl=1 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">Suicide Basin fills up with water during the warm months from glacial melt, and the Mendenhall glacier acts as an ice wall between it and Mendenhall lake. But at some point, the basin gets so full, the water from it starts flowing underneath/through the glacier into Mendenhall lake. </p>\n\n\n\n<p class=\"wp-block-paragraph\">There is a river from Mendenhall lake out to the ocean. When Mendenhall lake starts rising from the basin runoff, it goes out that river, and that river <em>rages</em> for a good couple of days. Hence the flooding. </p>\n\n\n\n<p class=\"wp-block-paragraph\">That river? Half the people in Juneau live in the Mendenhall Valley where that river runs directly through. Now it’s not <em>all</em> under evacuation flood watch, but some of it certainly is. And it’s rather unknown how bad any given year is going to be. </p>\n\n\n\n<p class=\"wp-block-paragraph\">It’s been <em>very </em>bad:</p>\n\n\n\n\t\t<figure class=\"wp-block-jetpack-videopress jetpack-videopress-player\" style=\"\" >\n\t\t\t<div class=\"jetpack-videopress-player__wrapper\"> <iframe loading=\"lazy\" title=\"VideoPress Video Player\" aria-label=\"VideoPress Video Player\" width=\"500\" height=\"281\" src=\"https://videopress.com/embed/EyPFuXWo?cover=1&autoPlay=0&controls=1&loop=0&muted=0&persistVolume=1&playsinline=0&preloadContent=metadata&useAverageColor=1&hd=0\" frameborder=\"0\" allowfullscreen data-resize-to-parent=\"true\" allow=\"clipboard-write; presentation\"></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1770107250'></script></div>\n\t\t\t<figcaption><a href=\"https://juneauflood.org/#/home\">From here</a></figcaption>\n\t\t\t\n\t\t</figure>\n\t\t\n\n\n<p class=\"wp-block-paragraph\">My friend Justin lives in the Mendenhall Valley, not far from the river, and when it goes, he can loudly hear the river raging. As I type, we’re just days away from the prediction of August 8-12 from the basin draining. </p>\n\n\n\n<p class=\"wp-block-paragraph\">Justin and I climbed up <a href=\"https://www.alltrails.com/trail/us/alaska/thunder-mountain--3\">Thunder Mountain</a> (oof, it was actually 8.5 miles and 3,800 ft) and from the summit had a great look down at the entire valley, seeing the whole river area at once. </p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-attachment-id=\"13855\" data-permalink=\"https://chriscoyier.net/2026/08/06/outburst/img_9534/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?fit=2560%2C1920&quality=89&ssl=1\" data-orig-size=\"2560,1920\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"2.2\",\"credit\":\"\",\"camera\":\"iPhone 17 Pro\",\"caption\":\"\",\"created_timestamp\":\"1785686278\",\"copyright\":\"\",\"focal_length\":\"2.2200000286119\",\"iso\":\"32\",\"shutter_speed\":\"0.0012987012987013\",\"title\":\"\",\"orientation\":\"1\",\"alt\":\"\"}\" data-image-title=\"IMG_9534\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?fit=1024%2C768&quality=89&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534.jpeg?resize=1024%2C768&quality=89&ssl=1\" alt=\"\" class=\"wp-image-13855\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=1024%2C768&quality=89&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=300%2C225&quality=89&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=768%2C576&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=1536%2C1152&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9534-scaled.jpeg?resize=2048%2C1536&quality=89&ssl=1 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" /></figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-attachment-id=\"13857\" data-permalink=\"https://chriscoyier.net/2026/08/06/outburst/img_5602/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?fit=2560%2C1920&quality=89&ssl=1\" data-orig-size=\"2560,1920\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"1.6\",\"credit\":\"\",\"camera\":\"iPhone 16\",\"caption\":\"\",\"created_timestamp\":\"1785686871\",\"copyright\":\"\",\"focal_length\":\"5.960000038147\",\"iso\":\"50\",\"shutter_speed\":\"0.00067385444743935\",\"title\":\"\",\"orientation\":\"1\",\"alt\":\"\"}\" data-image-title=\"IMG_5602\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?fit=1024%2C768&quality=89&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602.jpeg?resize=1024%2C768&quality=89&ssl=1\" alt=\"\" class=\"wp-image-13857\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=1024%2C768&quality=89&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=300%2C225&quality=89&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=768%2C576&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=1536%2C1152&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_5602-scaled.jpeg?resize=2048%2C1536&quality=89&ssl=1 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" /></figure>\n\n\n\n<p class=\"wp-block-paragraph\">Driving around there on roads by the river, you can see how the city has put up huge wall embankment things to hopefully stop the worst of the damage:</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" data-attachment-id=\"13856\" data-permalink=\"https://chriscoyier.net/2026/08/06/outburst/img_9519/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?fit=1920%2C2560&quality=89&ssl=1\" data-orig-size=\"1920,2560\" data-comments-opened=\"1\" data-image-meta=\"{\"aperture\":\"1.78\",\"credit\":\"\",\"camera\":\"iPhone 17 Pro\",\"caption\":\"\",\"created_timestamp\":\"1785666951\",\"copyright\":\"\",\"focal_length\":\"6.7649998656528\",\"iso\":\"80\",\"shutter_speed\":\"0.00031796502384738\",\"title\":\"\",\"orientation\":\"1\",\"alt\":\"\"}\" data-image-title=\"IMG_9519\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?fit=768%2C1024&quality=89&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519.jpeg?resize=768%2C1024&quality=89&ssl=1\" alt=\"\" class=\"wp-image-13856\" style=\"aspect-ratio:0.7500048991749789;width:443px;height:auto\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=768%2C1024&quality=89&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=225%2C300&quality=89&ssl=1 225w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=1152%2C1536&quality=89&ssl=1 1152w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?resize=1536%2C2048&quality=89&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/08/IMG_9519-scaled.jpeg?w=1920&quality=89&ssl=1 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" /></figure>\n</div>\n\n\n<p class=\"wp-block-paragraph\">Seems like it’s fairly unknown if it’s really going to work. </p>\n\n\n\n<p class=\"wp-block-paragraph\">If you’re interested, <a href=\"https://www.ktoo.org/outburst/\">KTOO did a mini podcast</a> on it last year getting into some details. Like one of the proposed solutions are literally bombing the glacier 🤔. Apparently now it’s leaning more toward the Army Corps of Engineers digging a drainage hole of sorts, but I don’t think any of it is totally sorted out yet. </p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13813",
"title": null,
"description": "Email from Apple: We’re reaching out to let you know that the iPhone Upgrade Program is coming to an end. Thank you for being a loyal member. Awwww. Sad trombone. I’ve been on this program for as long as I can remember. Every year you just send back your old phone and get the new […]",
"url": "https://chriscoyier.net/2026/07/31/13813/",
"published": "2026-07-31T15:39:12.000Z",
"updated": "2026-07-31T15:39:12.000Z",
"content": "<p class=\"wp-block-paragraph\"><a href=\"https://www.apple.com/shop/iphone/iphone-upgrade-program\">Email from Apple</a>:</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">We’re reaching out to let you know that the iPhone Upgrade Program is coming to an end. Thank you for being a loyal member. </p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Awwww. Sad trombone. I’ve been on this program for as long as I can remember. Every year you just send back your old phone and get the new model, and keep paying a steady monthly cost instead of a big upfront cost. I liked that.</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">… when it’s time for your next iPhone, we’ll make it easy to get it in a way that works for you, including an entirely new payment option that we think you’ll love.</p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Just tell me what it is? So I can think about it?</p>\n\n\n\n<p class=\"wp-block-paragraph\">It feels like they are being cagey about it, but I think it’s just this thing they are calling <a href=\"https://www.apple.com/us/shop/apple-upgrade\">“Apple Upgrade”</a>.</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Now there’s a whole new way to always have the Apple products you love. Lease a new iPhone, iPad, Mac, or Apple Watch, with low monthly payments and terms that work for you. And when you’re ready for something new, simply upgrade and return your current device.</p>\n</blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">So basically the same thing. I think it’s just “by Apple” instead of through a partner like the Upgrade Program was. </p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13808",
"title": "CodePen 2.0",
"description": "Noting perhaps my largest personal career accomplishment, which is launching CodePen 2.0. Far more work, believe it or not, than the entire creation of the original CodePen. This isn’t the place to describe every detail of what we did and why we did it. If you’re interested, perhaps our Why 2.0? podcast or the What’s […]",
"url": "https://chriscoyier.net/2026/07/30/codepen-2-0/",
"published": "2026-07-30T17:52:12.000Z",
"updated": "2026-07-30T17:52:12.000Z",
"content": "<p class=\"wp-block-paragraph\">Noting perhaps my largest personal career accomplishment, which is <a href=\"https://blog.codepen.io/2026/07/23/two-point-oh/\">launching CodePen 2.0</a>. Far more work, believe it or not, than the entire creation of the original CodePen. </p>\n\n\n\n<p class=\"wp-block-paragraph\">This isn’t the place to describe every detail of what we did and why we did it. If you’re interested, perhaps our <a href=\"https://blog.codepen.io/2026/03/05/419-why-2-0/\">Why 2.0? podcast</a> or the <a href=\"https://codepen.io/2/whats-new\">What’s New?</a> page.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead, a couple of stories from the first week of launch.</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>I was working on a demo with someone I’ve never met before: Dave Samaniego. It started on their (classic) Pen. They needed to import some other JavaScript, so they used 3 Pens and pulled in the JavaScript from the other two into the main demo. They also needed an npm package. I <a href=\"https://blog.codepen.io/docs/pens/forking/\">forked</a> the Pen and <a href=\"https://blog.codepen.io/docs/pens/privacy-sharing/#inviting-collaborators\">invited them</a> as a co-editor, so we could both work on it together anytime. I moved the JavaScript into files on the main Pen, as that’s much easier to work with. The npm <a href=\"https://blog.codepen.io/docs/pens/packages/\">package</a> is in the <code>package.json</code> file for easy version management. We both cleaned it up to our liking.</li>\n\n\n\n<li><a href=\"https://keyframe.rs/\">The Keyframers</a> (David and Shaw) got back together and <a href=\"https://www.youtube.com/watch?v=sgwPEW1gGYM&t=1s\">did a live stream</a> on launch day. They also used the invite feature and <a href=\"https://arc.net/l/quote/zbptvwfz\">live collaboration</a>. They worked together for hours, and while there was a bug or two, it was nothing super major, and it went great. One of my favorite bits was that they shared the <a href=\"https://blog.codepen.io/docs/live-view/#live-view\">Live View</a> of the Pen, so as they were working on it, we could play with the demo ourselves.</li>\n\n\n\n<li>As I was working on the emails we were going to send out about the launch, I was building them in the special language for crafting them: <a href=\"https://mjml.io/\">MJML</a>. I went ahead and added MJML as a block to CodePen so I could just build them right in CodePen. <a href=\"https://codepen.io/editor/team/codepen/pen/019f9076-f6cd-7727-ac29-30e936cabbb0\">Works great</a>, even for <a href=\"https://codepen.io/editor/chriscoyier/pen/019fae5c-6bef-7ae7-aebd-8732e00b3613\">weird stuff</a>. Many more Blocks to come.</li>\n\n\n\n<li>I friggin love how I can <a href=\"https://blog.codepen.io/docs/pens/deployment/\">make little websites</a> and deploy them right through the Pen Editor. Like the one <a href=\"https://hip-forest-gobbler.codepen.app/\">for our slideVars library</a> or <a href=\"https://codepen.school/\">codepen.school</a>. It just makes me wanna build a ton of little weird websites.</li>\n</ul>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=13778",
"title": "Choosing Movies",
"description": "Almost surely, if you totaled up the number of hours of movie watching I’ve done and the hours of TV show watching I’ve done, TV dwarves movies. It’s not a conscious choice; just how it shook out for me. Via the internet, I “know” a couple of people who are consciously movie-only. Khoi Vinh does […]",
"url": "https://chriscoyier.net/2026/07/13/choosing-movies/",
"published": "2026-07-13T14:28:37.000Z",
"updated": "2026-07-13T14:28:37.000Z",
"content": "<p class=\"wp-block-paragraph\">Almost surely, if you totaled up the number of hours of movie watching I’ve done and the hours of TV show watching I’ve done, TV dwarves movies. It’s not a conscious choice; just how it shook out for me.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Via <em>the internet</em>, I “know” a couple of people who are consciously movie-only.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Khoi Vinh does all these movie reviews and has more or less said he’s only got time for movies. Sean Fennessey, host of The Big Picture has said he only watches movies as well. Paraphrasing from what I remember, it’s that TV’s incentives are to <em>make the most of it</em>, not to make the best art possible, which is more aligned with movies. I’d think the budget and talent also favor movies (on average and per-minute).</p>\n\n\n\n<p class=\"wp-block-paragraph\">So why the imbalance in the other direction for me, and maybe a lot of you?</p>\n\n\n\n<p class=\"wp-block-paragraph\">Is it the shorter format? Is it designed to hook you in with more digestible structures and cliffhangers to keep us coming back? Is TV traditionally less expensive to have access to?</p>\n\n\n\n<p class=\"wp-block-paragraph\">My defense of TV is that there is just <em>more</em> to sink your teeth into. I can feel more for a character I’ve seen for 20 hours than for one I’ve seen for two.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Not that I <em>want</em> to defend it. I kinda wish I were more of a movie guy, hours-wise. I love art, and movies are closer to a form of art. I’m going to at least try to be more conscious of my choices.</p>\n\n\n\n<p class=\"wp-block-paragraph\">Two nights ago, I watched <a href=\"https://en.wikipedia.org/wiki/Tell_No_One\">Tell No One</a>, a French murder mystery thriller that turned out to be a real banger, and I was quite happy with my choice. Last night I watched <a href=\"https://en.wikipedia.org/wiki/The_Outrun_(film)\">The Outrun</a>, with Saoirse Ronan as a recovering alcoholic on some Scottish isle. Very beautiful. The art was oozing out of it. But truth be told, I was so tired, I could tell my dumb brain wasn’t appreciating it fully. I probably should have just watched some shitty episode of Dutton Ranch and gone to bed.</p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
}
]
}