RSS/Atom Feed Analysis
Analysis of https://chriscoyier.net/feed/
Feed fetched in 32 ms.
Warning Content type is application/rss+xml; charset=UTF-8, not text/xml.
Feed is 57,254 characters long.
Feed has an ETag of W/"15ca0ff7d544b9081e8bac9bd555d81e".
Feed has a last modified date of Sat, 14 Jun 2025 14:03:50 GMT.
Warning This feed does not have a stylesheet.
This appears to be an RSS feed.
Feed title: Chris Coyier
Feed self link matches feed URL.
Feed has 12 items.
First item published on 2025-06-14T14:03:48.000Z
Last item published on 2025-04-28T17:08:11.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>Sat, 14 Jun 2025 14:03:50 +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&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>Media Diet</title>
<link>https://chriscoyier.net/2025/06/14/media-diet-8/</link>
<comments>https://chriscoyier.net/2025/06/14/media-diet-8/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Sat, 14 Jun 2025 14:03:48 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12467</guid>
<description><![CDATA[📺 WondLa — I was enamored by this story of a girl in a strange post-apoc world. Season 1 was a lot stronger than season 2, so despite the cliffhanger ending, I’m not holding my breath for a third. 🎥 Sinners — This was like three movies in one. A movie about family and community […]]]></description>
<content:encoded><![CDATA[
<p>📺 <a href="https://en.wikipedia.org/wiki/WondLa_(TV_series)"><strong>WondLa</strong></a> — I was enamored by this story of a girl in a strange post-apoc world. Season 1 was a lot stronger than season 2, so despite the cliffhanger ending, I’m not holding my breath for a third.</p>
<p>🎥 <a href="https://en.wikipedia.org/wiki/Sinners_(2025_film)"><strong>Sinners</strong></a> — This was like three movies in one. A movie about family and community in a small town, a movie about music and it’s connections through time, and a movie about the devil and his legion of vampires. </p>
<p>🎧 <strong><a href="https://evergreenpodcasts.com/northern-disclosure">Northern Disclosure</a></strong> — Northern Exposure is my favorite TV show of all time. Despite a few efforts to bring it back, it’s probably good it never has been. But this podcast re-watch from Rob Morrow and Janine Turner (who play Joel and Maggie) is the right amount of nostalgia for me. Joel used to be my least favorite character on the show. The philosophical Chris in the Morning was an easy first favorite, swinging to the non-traditional machismo of Holling, moving onto the conflicted bravado of Maurice. But this latest re-watch has me impressed by Rob’s performance and his demeanor in the podcast has me liking him as a person.</p>
<p>▶️ <strong><a href="https://www.youtube.com/@drspectred/search?query=major%20league%20balatro">Balatro University</a></strong> — I’ve been relaxing to Balatro streamers lately. Often whoever the most interesting one on Twitch is at the time, but otherwise YouTube with the likes of Dr Specterd and Roffle. The recent <a href="https://www.youtube.com/watch?v=A1fRAisQna4">Major League Balatro tournament</a> was fun. Multi-player Balatro is a game mod that allows players to battle against each other. That changes the game dynamics a bit, so the strategy doesn’t line up with personal play perfectly, but it ups the drama. </p>
<p>🎶 <strong><a href="https://music.apple.com/us/album/philadelphia/1807138666?i=1807138667">Heart of Gold: The Songs of Neil Young, Vol. 1</a></strong> — A tribute album (must be cool to get a tribute while you’re still alive). It’s high budget and star-studded. Courtney Barnett, Fiona Apple, Mumford & Sons, Sharon Van Etten, Steve Earle, etc. Kinda seems like the vibe was to try to do the song as faithfully as possible. Eddie Vedder’s Needle & The Damage Done is awesome but so 1-for-1 with the original, it’s like… why? I think The Lumineer’s Sugar Mountain is my favorite. </p>
<p>📘 <strong><a href="https://en.wikipedia.org/wiki/Long_Bright_River_(TV_series)">Long Bright River </a></strong>— I finished the book, which I really enjoyed, despite this strange lingering feeling that it was written… toward popularity? Like it wanted to inhabit a genre perfectly, not be authentic. So now I started the show and I’m a couple episodes in. There are a ton of changed details in ways it’s hard for me to understand why (e.g. “Gee”, the grandmother, is now “Gee-pa”, the grandfather, who is gruff-but-nice instead of gruff-and-actually-mean). And for TV: they aren’t <em>quite</em> as poor, nobody is <em>quite</em> as nasty, and everyone is much more beautiful. </p>
<p>💳 <strong><a href="https://nomadgoods.com/products/tracking-card">Nomad Card</a></strong> — Not really media, but not worth a full post. I’ve had an AirTag in my wallet forever, because I really like being able to find it easily when I misplace it. But even my attempts at “AirTag Wallets” which have a slot for them to go, they are awkwardly thick. FINALLY — the Nomad Card works with Find My and is just the thickness of a credit card. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/06/14/media-diet-8/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12467</post-id>
</item>
<item>
<title>Lest We Forget The Horrors</title>
<link>https://chriscoyier.net/2025/06/10/lest-we-forget-the-horrors/</link>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Tue, 10 Jun 2025 12:51:41 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12448</guid>
<description><![CDATA[Just a high five to McSweeney’s for the month-by-month documentation of the horrible crap Trump does. Just a paragraph reminder with good links to confirm. UPDATE: McSweeney’s took it down? Not a great look. I wonder what the story is. I hope it’s not a threat. There is an Internet Archive link. I try to […]]]></description>
<content:encoded><![CDATA[
<p>Just a high five to McSweeney’s for the <a href="https://www.mcsweeneys.net/articles/lest-we-forget-the-horrors-an-unending-catalog-of-trumps-cruelties-collusions-corruptions-and-crimes#May25">month-by-month documentation</a> of the horrible crap Trump does. Just a paragraph reminder with good links to confirm. </p>
<p><strong>UPDATE</strong>: McSweeney’s took it down? Not a great look. I wonder what the story is. I hope it’s not a threat. <a href="https://web.archive.org/web/20250530205648/https://www.mcsweeneys.net/articles/lest-we-forget-the-horrors-an-unending-catalog-of-trumps-cruelties-collusions-corruptions-and-crimes">There is an Internet Archive link.</a></p>
<p>I try to keep my own little mental list of things that horrify me. Not to slather myself in, as I don’t have the mental health spoons to live like that, but to be ready when I find myself in a <em>“is he really so bad?”</em> conversation. </p>
<p>For instance, the guy has a memecoin. Show me someone who has released a memecoin and I’ll show you someone who doesn’t have the best interest of others in mind. It’s just such an insane conflict of interest I barely know what to say about it, particularly when he’s literally using his power to push crypto and <a href="https://www.nytimes.com/2025/02/04/business/sec-crypto-task-force.html">relaxing criminal enforcement</a>.</p>
<p>But the more immediate human cruelty stuff is, of course, worse. <a href="https://www.cnn.com/2025/02/05/politics/transgender-athletes-trump-executive-action/index.html">This image of him gathering a crowd of young woman</a> to watch him sign an order that essentially says “fuck trans woman” I will not forget. And the cutting of funds to public lands and <a href="https://www.npr.org/2025/06/03/nx-s1-5418080/pbs-npr-trump-rescission-public-broadcasting">public media</a> abhors me. That’s where I <em>want</em> my federal taxes to go. </p>
]]></content:encoded>
<post-id xmlns="com-wordpress:feed-additions:1">12448</post-id>
</item>
<item>
<title>Streaming</title>
<link>https://chriscoyier.net/2025/05/28/streaming/</link>
<comments>https://chriscoyier.net/2025/05/28/streaming/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 28 May 2025 18:21:28 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12413</guid>
<description><![CDATA[I got an itch to attempt streaming. So… The point is, mostly, for me to play with CodePen’s 2.0 editor and just make stuff, learning about front-end development, web design, and CodePen features all together. I’ve used StreamYard to do it before, and I love how simple it is, but it feels a bit limiting, […]]]></description>
<content:encoded><![CDATA[
<p>I got an itch to attempt streaming. So…</p>
<ul class="wp-block-list">
<li><a href="https://www.twitch.tv/chriscoyier">Me on Twitch</a></li>
<li><a href="https://www.youtube.com/@CodePenOfficial">CodePen on YouTube</a></li>
</ul>
<p>The point is, mostly, for me to play with CodePen’s 2.0 editor and just make stuff, learning about front-end development, web design, and CodePen features all together. </p>
<p>I’ve used <a href="https://streamyard.com/teams/2z0HMqqWQOTXrjtiu3aUjDc0/broadcasts">StreamYard</a> to do it before, and I love how simple it is, but it feels a bit limiting, so I’m going to try <a href="https://streamlabs.com/">StreamLabs Desktop</a> next.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/28/streaming/feed/</wfw:commentRss>
<slash:comments>2</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12413</post-id>
</item>
<item>
<title>White Noise</title>
<link>https://chriscoyier.net/2025/05/21/white-noise/</link>
<comments>https://chriscoyier.net/2025/05/21/white-noise/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 22 May 2025 00:23:16 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12398</guid>
<description><![CDATA[My 7 year old strongly prefers to sleep with white noise playing. She’s got a little machine that does it on a timer. Whenever she sleeps somewhere else, if she can’t bring the machine, it’s best to have another solution. YouTube has those 10 hour long videos that do it which I can just play […]]]></description>
<content:encoded><![CDATA[
<p>My 7 year old strongly prefers to sleep with white noise playing. She’s got a little machine that does it on a timer. Whenever she sleeps somewhere else, if she can’t bring the machine, it’s best to have another solution. YouTube has those <a href="https://www.youtube.com/watch?v=nMfPqeZjc2c&t=31250s">10 hour long videos that do it</a> which I can just play on my plugged-in phone. I’ve run across <a href="https://noise.justsomeapps.com/">a little website with just a button</a> though, which: better.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>Feedback after posting</p>
<ul class="wp-block-list">
<li>iOS: Build in @ <code>Settings -> Accessibility -> Audio & Visual -> Background Sounds</code></li>
<li>iOS: <a href="https://apps.apple.com/app/id1465439395">Dark Noise</a></li>
<li><a href="https://toot.cat/@FiXato/114548750771024872">Android apps</a></li>
<li><a href="https://mynoise.net/">myNoise.net</a></li>
<li><a href="https://moritzglantz.de/soundbedd/">SOUNDBEDD</a></li>
<li><a href="https://modern-noise.web.app/">Modern noise</a></li>
</ul>
<p></p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/21/white-noise/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12398</post-id>
</item>
<item>
<title>The Am Dash</title>
<link>https://chriscoyier.net/2025/05/10/the-am-dash/</link>
<comments>https://chriscoyier.net/2025/05/10/the-am-dash/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Sat, 10 May 2025 15:45:15 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12336</guid>
<description><![CDATA[The Am Dash is a clever idea. It’s a little typographic dash you can slip into text that sorta “proves” it’s human written, while looking kinda cool. This “proves” it’s human written because there is barely any text in the world that uses this so LLMs will (never?) generate text that has “am-” in it […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://www.theamdash.com/">The Am Dash</a> is a clever idea. </p>
<p>It’s a little typographic dash you can slip into text that sorta “proves” it’s human written, while looking kinda cool. </p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" fetchpriority="high" decoding="async" width="1024" height="226" data-attachment-id="12337" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-7-37-32-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?fit=1728%2C382&ssl=1" data-orig-size="1728,382" 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"}" data-image-title="Screenshot 2025-05-10 at 7.37.32 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?fit=300%2C66&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?fit=1024%2C226&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=1024%2C226&ssl=1" alt="A graphic showing examples of how to use the am dash in sentences, highlighting its function in creating pauses and separating clauses." class="wp-image-12337" style="width:494px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=1024%2C226&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=300%2C66&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=768%2C170&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=1536%2C340&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?w=1728&ssl=1 1728w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
<p>This “proves” it’s human written because there is barely any text in the world that uses this so LLMs will (never?) generate text that has “am-” in it instead of a dash. And even if it does, it will render as “am-” not a cool curly dash.</p>
<p>The website is pretty light on usage details though. What it gives you is some <code>.otf</code> (Open Type font files) to download (“Times New Human”, “Areal”, lol). These are modified versions of Times New Roman and Ariel that include a new ligature (the am dash) that shows itself when you type “am-“. You’d install and use them on your operating system. (I like <a href="https://chriscoyier.net/2022/07/27/moving-on-with-font-management/">Typeface</a>.)</p>
<p>So you’d just type:</p>
<pre class="wp-block-preformatted">This is going to be easy am- or so he thought.</pre>
<p>And instead of “am-” you’d get the fancy dash, so long as you’re using the font you just installed in a native app.</p>
<p>I think it’s a kinda neat idea. </p>
<p>But how might we use it on the web? Well we can just <a href="https://cloudconvert.com/otf-to-woff2">make</a> a <code>.woff2</code> version, load it up, and make it part of the font stack. </p>
<pre class="wp-block-code"><span><code class="hljs language-css"><span class="hljs-keyword">@font-face</span> {
<span class="hljs-attribute">font-family</span>: <span class="hljs-string">'Times New Human'</span>;
<span class="hljs-attribute">src</span>: <span class="hljs-built_in">url</span>(<span class="hljs-string">'https://assets.codepen.io/3/TimesNewHuman-Reg.woff2'</span>) <span class="hljs-built_in">format</span>(<span class="hljs-string">'woff2'</span>);
<span class="hljs-attribute">font-style</span>: normal;
<span class="hljs-attribute">font-weight</span>: normal;
}
<span class="hljs-selector-tag">html</span> {
<span class="hljs-attribute">font-family</span>: <span class="hljs-string">"Times New Human"</span>, MyCustomFont, serif;
}</code></span></pre>
<p>That works.</p>
<div class="wp-block-cp-codepen-gutenberg-embed-block cp_embed_wrapper"><iframe id="cp_embed_MYYPpEb" src="//codepen.io/anon/embed/MYYPpEb?height=450&theme-id=1&slug-hash=MYYPpEb&default-tab=result" height="450" scrolling="no" frameborder="0" allowfullscreen allowpaymentrequest name="CodePen Embed MYYPpEb" title="CodePen Embed MYYPpEb" class="cp_embed_iframe" style="width:100%;overflow:hidden">CodePen Embed Fallback</iframe></div>
<p>But it’s nearly <strong>50kb</strong> just for that dash, which feels like too much for me. </p>
<p>A font with <em>one</em> bonus character in it should be super small, right? Well that was my first line of thinking, so I tried making a version of the font file (<a href="https://fonttools.readthedocs.io/en/stable/subset/#">with fonttools</a>) with ligatures only, like:</p>
<pre class="wp-block-code"><span><code class="hljs">pyftsubset TimesNewHuman-Reg.otf --layout-features=dlig --output-file=TimesNewHuman-ligonly.otf</code></span></pre>
<p>But after some head scratching… that doesn’t work. </p>
<p>The thing is this <em>isn’t</em> ligature with a specific unicode point like…</p>
<pre class="wp-block-preformatted">Ligature 'ff': U+FB00 (ff)</pre>
<p>… but the am dash does show up as a ligature in tools like Typeface:</p>
<figure class="wp-block-image size-full is-resized"><img data-recalc-dims="1" decoding="async" width="880" height="428" data-attachment-id="12338" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-6-54-00-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?fit=880%2C428&ssl=1" data-orig-size="880,428" 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"}" data-image-title="Screenshot 2025-05-10 at 6.54.00 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?fit=300%2C146&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?fit=880%2C428&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?resize=880%2C428&ssl=1" alt="A display of standard ligatures in typography, including examples like 'ff', 'fi', and 'fl', alongside a unique dash." class="wp-image-12338" style="width:460px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?w=880&ssl=1 880w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?resize=300%2C146&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?resize=768%2C374&ssl=1 768w" sizes="(max-width: 880px) 100vw, 880px" /><figcaption class="wp-element-caption">This UI must be showing ligatures of any varietal.</figcaption></figure>
<p>If it was a specific unicode point, we could limit (subset) the font to only that character and it would work great (probably?!). We could even remind the browser through the <code>@font-face</code> block that it only applies to a <code>unicode-range</code> of that exact unicode point.</p>
<p>But… the ligature in this font isn’t a single unicode character. I don’t have the right language to describe this, but you can see how the dash is actually three characters still:</p>
<figure class="wp-block-image size-full is-resized"><img data-recalc-dims="1" decoding="async" width="636" height="230" data-attachment-id="12339" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/cleanshot-2025-05-10-at-08-34-52/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?fit=636%2C230&ssl=1" data-orig-size="636,230" 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"}" data-image-title="CleanShot 2025-05-10 at 08.34.52" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?fit=300%2C108&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?fit=636%2C230&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?resize=636%2C230&ssl=1" alt="Close-up of text displaying an am dash, showcasing how it replaces 'am-' with a stylish typographic dash." class="wp-image-12339" style="width:357px;height:auto"/><figcaption class="wp-element-caption">so it’s not like “am-” turns into a single new character, as ligatures sometimes do, this turns “a” into the start of the dash, the “m” into a straight dash, and “-” into the curly ending of the dash. It just only shows up when those characters are all together.</figcaption></figure>
<p>So this is where I’m stuck. </p>
<p>We could make sure that “a”, “m”, and “-” are covered by Times New Human, for example, like this:</p>
<pre class="wp-block-code"><span><code class="hljs language-css"> <span class="hljs-selector-tag">unicode-range</span>: <span class="hljs-selector-tag">U</span>+0061, <span class="hljs-selector-tag">U</span>+006<span class="hljs-selector-tag">D</span>, <span class="hljs-selector-tag">U</span>+002<span class="hljs-selector-tag">D</span>;</code></span></pre>
<p>But if we do that, then <em>all</em> of those characters use that font, not just the ligature.</p>
<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="710" height="292" data-attachment-id="12340" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-8-39-50-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?fit=710%2C292&ssl=1" data-orig-size="710,292" 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"}" data-image-title="Screenshot 2025-05-10 at 8.39.50 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?fit=300%2C123&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?fit=710%2C292&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?resize=710%2C292&ssl=1" alt="A paragraph of text featuring a special new typographic dash." class="wp-image-12340" style="width:369px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?w=710&ssl=1 710w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?resize=300%2C123&ssl=1 300w" sizes="auto, (max-width: 710px) 100vw, 710px" /></figure></div>
<p>So I dunno. Like I said this is where I’m stuck. </p>
<p>I have a hunch there is <em>some way</em> to ship a super small font that only has that ligature in it for web usage and doesn’t affect other fonts you might be using, but that’s not how it ships right now and I haven’t figured it out. It might mean making that ligature an actual single unicode point.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>Also: <a href="https://bsky.app/profile/k17.dev/post/3lotcbkxwr22v">accessibility</a>. </p>
<p>VoiceOver reads as “am” straight up, which is very awkward. </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="246" data-attachment-id="12349" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-8-58-51-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?fit=1308%2C314&ssl=1" data-orig-size="1308,314" 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"}" data-image-title="Screenshot 2025-05-10 at 8.58.51 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?fit=300%2C72&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?fit=1024%2C246&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=1024%2C246&ssl=1" alt="VoiceOver reading "This is a paragraph of text am- with a special new dash in it that an LLM would (probably)
never generate., selected"" class="wp-image-12349" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=1024%2C246&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=300%2C72&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=768%2C184&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?w=1308&ssl=1 1308w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p>Is that fixable? Would a single unicode point help here? Would <code>"--"</code> or even <code>"dash"</code> be a better ligature to use instead of “am-“?</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/10/the-am-dash/feed/</wfw:commentRss>
<slash:comments>4</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12336</post-id>
</item>
<item>
<title>“I’d rather read the prompt”</title>
<link>https://chriscoyier.net/2025/05/08/id-rather-read-the-prompt/</link>
<comments>https://chriscoyier.net/2025/05/08/id-rather-read-the-prompt/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Fri, 09 May 2025 01:16:15 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12332</guid>
<description><![CDATA[Clayton Ramsey grades student assignments and gets papers that are just obviously ChatGPT output. I think any of us can spot it by now: awkward repetitive prose, heavy on bullet points with bold intro words, wordy, etc. There is nothing to be done about it. As an instructor, I am always saddened to read this. […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://claytonwramsey.com/blog/prompt/">Clayton Ramsey grades student assignments</a> and gets papers that are just obviously ChatGPT output. I think any of us can spot it by now: awkward repetitive prose, heavy on bullet points with bold intro words, wordy, etc.</p>
<p>There is nothing to be done about it.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>As an instructor, I am always saddened to read this. The ChatGPT rhetorical style is distinctive enough that I can catch it, but not so distinctive to be worth passing along to an honor council.</p>
</blockquote>
<p>But still…</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Don’t let a computer write for you!</strong> I say this not for reasons of intellectual honesty, or for the spirit of fairness. I say this because I believe that your original thoughts are far more interesting, meaningful, and valuable than whatever a large language model can transform them into.</p>
</blockquote>
<p>Heck yeah. It’s not <em>blah blah finger waggle that’s cheating</em>, it’s that writing is <a href="https://chriscoyier.net/2025/02/18/calculators-writing/">thinking, feeling, and communicating</a> and where all the value is, particularly at school. <a href="https://poets.org/poem/student-who-used-ai-write-paper">What are you trying to be free of?</a></p>
<p>I love the ending:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>I have never seen any form of create generative model output … which I would rather see than the original prompt. </p>
</blockquote>
<p>Those students had to type something in, and <em>that</em> would be more interesting to see than the slop.</p>
<p>(<a href="https://daverupert.com/2025/05/week-links-2/">via Dave</a>)</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/08/id-rather-read-the-prompt/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12332</post-id>
</item>
<item>
<title>christopher.org for the next 100 years</title>
<link>https://chriscoyier.net/2025/05/05/christopher-org-for-the-next-100-years/</link>
<comments>https://chriscoyier.net/2025/05/05/christopher-org-for-the-next-100-years/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Mon, 05 May 2025 17:11:12 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12298</guid>
<description><![CDATA[I’m trying to do right by my old buddy Christopher Schmitt and his digital footprint. You might remember we made a thank-you site for him where people shared memories. That’s hosted on a provided Netlify account, and the code is on a public GitHub repo. Notably the site doesn’t use a custom domain name, which […]]]></description>
<content:encoded><![CDATA[
<p>I’m trying to do right by my old buddy Christopher Schmitt and his digital footprint. You might remember we made <a href="https://thankyouchristopherschmitt.netlify.app/">a thank-you site</a> for him where people shared memories. That’s hosted on a provided Netlify account, and the code is on <a href="https://github.com/thankyouchristoperschmitt/memories_site">a public GitHub repo</a>. Notably the site <em>doesn’t </em>use a custom domain name, which I think will actually <em>help</em> the long-term uptime of it. Making sure a domain name is paid for and taken care is a possible failure point. With no extra recurring cost or work here, the domain will work, <em>probably</em>, as long as <em>all</em> hosted sites on Netlify work, which I would guess is quite a long time, even if they sold or whatever.</p>
<p>Christopher had his own website as well, as a great domain: <a href="https://christopher.org/">christopher.org</a>. It’s a fine example of a personal website featuring a blog and is something of a portfolio of his career. I subscribe to that method of personal site building still. It’s a WordPress site. I take care of it’s hosting and basic updates.</p>
<p>Fortunately, after Christopher’s death, the ownership of <code>christopher.org</code> made it’s way to his brother David’s stewardship, who had it in a Network Solutions account he had safe access to. That’s good, that means Christopher’s site wasn’t going to disappear for a silly reason like nobody knowing how to access the registrar’s account or lapsed billing. </p>
<p>But the domain <code>christopher.org</code> is still a possible failure point. Surely David will take care of it for as long as he’s able. But who will steward it after David? Will they know what it is? Will they care? Will their life circumstances allow them to pay for it in perpetuity? </p>
<p>My guess is that personal websites in this “just keep the archive alive” mode might last a generation after the owner’s death, but probably not two or more. </p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>The next start of this story is that my friend <a href="https://jesses.link/">Jesse Friedman</a> reached out to me recently. One of the things he works on is <a href="https://wp.cloud/">WP Cloud</a>, which is sort of like meta-hosting. If you wanted to <em>be</em> a WordPress host, you could built it on top of WP Cloud and it would handle a lot of the tech behind it. Automattic’s own <a href="https://pressable.com/">Pressable</a> runs on it, for instance.</p>
<p>I used <a href="https://getflywheel.com/">Flywheel</a> hosting for a long time. They used to sponsor CSS-Tricks back in the day as well, but I used them long after that. I like their hosting for the most part. But one thing that happened post WP Engine acquisition is that I got a customer rep (or whatever?) who would regularly email me saying my traffic was too high and I was violating agreements and I needed to pay more money, basically. </p>
<p>I was already on what I thought was a pretty expensive plan. And the account hosted a handful of WordPress sites, all in my opinion <em>pretty low traffic.</em> <strong>Plus, </strong>I had Cloudflare sitting in front of all them, soaking up likely the bulk of the traffic. I just was sick of hearing how I was over traffic limits. I probably technically <em>was</em>, which almost means I think their traffic limits are just too low. (e.g. their $1,150/year plan maxes at 100,000 visits a month)</p>
<p>Jesse offered to host this site and the handful of others over on Pressable. A generous offer which I could use. I really had to think about it though, as I’ve been turned off lately on the Automattic vs WP Engine fighting. I’ve seen behavior I don’t like on both sides, frankly, and it makes me want to stay out of it. But a few factors influenced my decision. One, it’s WP Engine that was directly annoying me and costing me money, while it was Automattic being generous and helpful. I like to look at what’s right in front of me. Two, and much more importantly, it’s not all about me. This comes full circle as <code>christopher.org</code> gets involved again.</p>
<p>I could chuck <code>christopher.org</code> on Pressable and it would have a good long life there surely, but now it’s tied to my own future death and legacy plan. Automattic has <a href="https://wordpress.com/100-year-domain/">100-year domains</a> ($2,000) and <a href="https://wordpress.com/100-year/">100-year hosting</a>. ($38,000, includes domain). Jesse mentioned we could get <code>christopher.org</code> onto <em>that</em> as well. </p>
<p>Ari (Christopher’s partner in life and business), David (Christopher’s brother), and I talked it over and agreed it would be a good plan. </p>
<p><em>100 years!</em> This is longer than any of us can promise good stewardship of Christopher’s digital footprint. It handles the domain itself, a possible failure point, and the hosting, a separate failure point. </p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>As I write, this is all done. This site is on Pressable and I find the hosting quite good. The team there, with a special shout-out to Phillip Clapham, did a good job of migrating the sites and then working with me to shore up all the little stuff that inevitably comes up during a hosting move. It was all done with speed and grace.</p>
<p>I’ll call out a few things in particular that are nice about Pressable:</p>
<ul class="wp-block-list">
<li>They have actual Git-based deployment, which is something <a href="https://chriscoyier.net/2023/09/27/git-based-wordpress-deployment/">I’ve waved my hands wildly about</a> in the past how it should be a standard feature. </li>
<li>The OnePress login feature is nice, where you one-click over to the site logged in.</li>
<li>The little tool they have integrated while moving a site’s domain name over to them is very nice, managing those moves across different hosts/registrars smoothly. </li>
<li>The traffic handling is decently higher</li>
<li>You get Jetpack Complete included, which can be a high additional cost if you make use of those features (I totally do). </li>
</ul>
<p>The <code>christopher.org</code> move was handled by the <a href="https://specialprojects.automattic.com/">Special Projects</a> team at Automattic, and special shout out there to Christopher Jones who helped manage that. This all happens on WordPress.com, which handles the domain and hosting, and <em>also</em> has Git-based deployment. The fact that these sites are on GitHub too (sans database) is another nice little bonus of extended digital footprint lifespan. </p>
<p>And Christopher, you should know I got your Grunt build process running again. You’re welcome. But I’m not going to fix those Sass warnings. They are just deprecation warnings, it’s fine. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/05/christopher-org-for-the-next-100-years/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12298</post-id>
</item>
<item>
<title>jQuery Reunion</title>
<link>https://chriscoyier.net/2025/05/01/jquery-reunion/</link>
<comments>https://chriscoyier.net/2025/05/01/jquery-reunion/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 01 May 2025 18:34:38 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12294</guid>
<description><![CDATA[Looks like they are getting the gang back together for a 20-year reunion. I’m going to try to attend, but no promises just yet. Mr. Richard Worth is throwing it in Dallas, TX. Who’s he gonna get?? The yayQuery gang? Yehuda? Jörn? González? Resig? No names just yet.]]></description>
<content:encoded><![CDATA[
<p><a href="https://www.jqueryreunion.com/">Looks like they are getting the gang back together</a> for a 20-year reunion. I’m going to try to attend, but no promises just yet. </p>
<p>Mr. <a href="https://www.linkedin.com/in/rdworth/">Richard Worth</a> is throwing it in Dallas, TX. Who’s he gonna get?? <a href="https://podcasts.apple.com/us/podcast/yayquery/id340422555">The yayQuery gang</a>? Yehuda? Jörn? González? <em>Resig?</em> No names just yet.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/01/jquery-reunion/feed/</wfw:commentRss>
<slash:comments>3</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12294</post-id>
</item>
<item>
<title></title>
<link>https://chriscoyier.net/2025/04/30/12292/</link>
<comments>https://chriscoyier.net/2025/04/30/12292/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 30 Apr 2025 19:17:06 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12292</guid>
<description><![CDATA[P. Martin Ortiz: Web apps can easily adapt to whatever device you’re on. A single responsive website can run on your desktop, phone, tablet, or even a VR headset. What’s even more, they can be updated on all of them simultaneously. That’s a level of flexibility that native apps can’t match. That’s why I feel […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://rogueengine.io/blog/your-app-should-have-been-a-website">P. Martin Ortiz</a>:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Web apps can easily adapt to whatever device you’re on. A single responsive website can run on your desktop, phone, tablet, or even a VR headset. What’s even more, they can be updated on all of them simultaneously. That’s a level of flexibility that native apps can’t match.<br></p>
</blockquote>
<p>That’s why I feel so protective over the web. It’s clearly the best platform to make stuff. #URLs4Lyfe</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/04/30/12292/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12292</post-id>
</item>
<item>
<title>Chilis in Oregon</title>
<link>https://chriscoyier.net/2025/04/30/chilis-in-oregon/</link>
<comments>https://chriscoyier.net/2025/04/30/chilis-in-oregon/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 30 Apr 2025 17:33:43 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12288</guid>
<description><![CDATA[Chili’s is obviously the finest of all the full-service chain restaurants. They are crushing it right now. Imagine my pain living in Oregon where there are 0 (zero) (none) Chili’s. It’s very satisfying to hear their CEO say that they are going to start building new Chili’s again and literally that there are no Chili’s […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://www.chilis.com/">Chili’s</a> is obviously the finest of all the full-service chain restaurants. They are crushing it right now. Imagine my pain living in Oregon where there are 0 (zero) (none) Chili’s.</p>
<p>It’s very satisfying to hear their CEO say that they are going to start building new Chili’s again and literally that there are no Chili’s in Oregon and they can operate here now. GET ON IT Chili’s CEO Kevin Hochman. I recommend my backyard.</p>
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Chili’s CEO Breaks Down the Changes That Turned the Restaurant Around | WSJ" width="500" height="281" src="https://www.youtube.com/embed/ECY7txi92dc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="718" height="1024" data-attachment-id="12289" data-permalink="https://chriscoyier.net/2025/04/30/chilis-in-oregon/cleanshot-2025-04-30-at-10-28-302x/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?fit=1496%2C2134&ssl=1" data-orig-size="1496,2134" 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"}" data-image-title="CleanShot 2025-04-30 at 10.28.30@2x" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?fit=210%2C300&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?fit=718%2C1024&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=718%2C1024&ssl=1" alt="10:26
I think we can start building chilies again.
10:27
There are parts of this country there are no chilies,
10:30
so there's no chili's in Oregon.
10:32
We don't have as many chilies in California in some states that traditionally we thought were more expensive to be able to operate in.
10:37
But now that we're a much healthier concept with better for economics,
10:40
we can operate in those states now." class="wp-image-12289" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=718%2C1024&ssl=1 718w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=210%2C300&ssl=1 210w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=768%2C1096&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=1077%2C1536&ssl=1 1077w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=1436%2C2048&ssl=1 1436w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?w=1496&ssl=1 1496w" sizes="auto, (max-width: 718px) 100vw, 718px" /></figure>
<p>I wrote to them about a perfect location here in Bend and it’s looking <em>pretty good</em> folks.</p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="1002" data-attachment-id="12329" data-permalink="https://chriscoyier.net/2025/04/30/chilis-in-oregon/screenshot-2025-05-08-at-11-08-04-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?fit=1040%2C1018&ssl=1" data-orig-size="1040,1018" 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"}" data-image-title="Screenshot 2025-05-08 at 11.08.04 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?fit=300%2C294&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?fit=1024%2C1002&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=1024%2C1002&ssl=1" alt="Chris,
We certainly appreciate you taking the time out of your day to provide us with your feedback. We have forwarded your comments for review.
Guest feedback is vital to our success and we will use your comments to improve.
Thank you for your interest in Chili's." class="wp-image-12329" style="width:501px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=1024%2C1002&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=300%2C294&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=768%2C752&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?w=1040&ssl=1 1040w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/04/30/chilis-in-oregon/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12288</post-id>
</item>
<item>
<title></title>
<link>https://chriscoyier.net/2025/04/29/12284/</link>
<comments>https://chriscoyier.net/2025/04/29/12284/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Tue, 29 Apr 2025 14:35:50 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12284</guid>
<description><![CDATA[It’s interesting to hear directly from Mozilla’s CEO Laura Chambers on the U.S. search engine monopoly case Google lost: Some of the remedies proposed in the case risk the future of our Firefox browser and Gecko browser engine—the last remaining non-Big Tech browser engine. Read: “If one of the remedies is Google is no longer […]]]></description>
<content:encoded><![CDATA[
<p>It’s interesting to hear <a href="https://blog.mozilla.org/en/mozilla/internet-policy/mozilla-ceo-on-google-antitrust/">directly from Mozilla’s CEO Laura Chambers</a> on the U.S. search engine monopoly case Google lost:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Some of the remedies proposed in the case risk the future of our Firefox browser and Gecko browser engine—the last remaining non-Big Tech browser engine.</p>
</blockquote>
<p>Read: “If one of the remedies is Google is no longer allowed to pay to be a default search engine in other companies browsers, we’re hosed.” </p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>The outcome of this case isn’t just about one company, it’s about the future of the internet and the stakes couldn’t be higher. </p>
</blockquote>
<p>Agreed. This is massive. Losing Firefox means losing one of the few remaining browser <em>engines</em>, where we need that ecosystem diversity to remain healthy. Losing Firefox means making Google <em>more</em> of a monopoly in many ways, not less. </p>
<p>I’m kinda hoping for <a href="https://daringfireball.net/2025/04/is_chrome_even_a_sellable_asset">the do-little outcome Gruber laid out</a>:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>I think the contract between Google and Apple for TAC is currently like this:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong><em>Google will pay Apple $X per web search that goes to Google from Safari, and Apple will make Google the default search in Safari.</em></strong></p>
</blockquote>
<p>After the dust settles on the DOJ case against Google, it might look like this:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><em>Google will pay Apple $X per web search that goes to Google from Safari, but Apple is under no obligation to make Google the default search in Safari.</em></p>
</blockquote>
</blockquote>
<p class="has-small-font-size">(TAC = Traffic Acquisition Cost)</p>
<p>We can legislate a better web, but let’s do it in a way that protects choice and privacy, not in a DOGE-y chainsaw-y way. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/04/29/12284/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12284</post-id>
</item>
<item>
<title>Mars</title>
<link>https://chriscoyier.net/2025/04/28/mars/</link>
<comments>https://chriscoyier.net/2025/04/28/mars/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Mon, 28 Apr 2025 17:08:11 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12276</guid>
<description><![CDATA[Fun rant from By Albert Burneko on how we just ain’t colonizing Mars, ever. The South Pole is around 2,800 meters above sea level, and like everywhere else on Earth around 44 million miles closer to the sun than any point on Mars. It sits deep down inside the nutritious atmosphere of a planet teeming with […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://defector.com/neither-elon-musk-nor-anybody-else-will-ever-colonize-mars">Fun rant</a> from By Albert Burneko on how we just ain’t colonizing Mars, ever.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>The South Pole is around 2,800 meters above sea level, and like everywhere else on Earth around 44 million miles closer to the sun than any point on Mars. It sits deep down inside the nutritious atmosphere of a planet teeming with native life. Compared to the very most hospitable place on Mars it is an unimaginably fertile Eden. Here is a list of the plant-life that grows there: Nothing. Here is a list of all the animals that reproduce there: None.<br></p>
</blockquote>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/04/28/mars/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12276</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>Sat, 14 Jun 2025 14:03:50 +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&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>Media Diet</title>
<link>https://chriscoyier.net/2025/06/14/media-diet-8/</link>
<comments>https://chriscoyier.net/2025/06/14/media-diet-8/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Sat, 14 Jun 2025 14:03:48 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12467</guid>
<description><![CDATA[📺 WondLa — I was enamored by this story of a girl in a strange post-apoc world. Season 1 was a lot stronger than season 2, so despite the cliffhanger ending, I’m not holding my breath for a third. 🎥 Sinners — This was like three movies in one. A movie about family and community […]]]></description>
<content:encoded><![CDATA[
<p>📺 <a href="https://en.wikipedia.org/wiki/WondLa_(TV_series)"><strong>WondLa</strong></a> — I was enamored by this story of a girl in a strange post-apoc world. Season 1 was a lot stronger than season 2, so despite the cliffhanger ending, I’m not holding my breath for a third.</p>
<p>🎥 <a href="https://en.wikipedia.org/wiki/Sinners_(2025_film)"><strong>Sinners</strong></a> — This was like three movies in one. A movie about family and community in a small town, a movie about music and it’s connections through time, and a movie about the devil and his legion of vampires. </p>
<p>🎧 <strong><a href="https://evergreenpodcasts.com/northern-disclosure">Northern Disclosure</a></strong> — Northern Exposure is my favorite TV show of all time. Despite a few efforts to bring it back, it’s probably good it never has been. But this podcast re-watch from Rob Morrow and Janine Turner (who play Joel and Maggie) is the right amount of nostalgia for me. Joel used to be my least favorite character on the show. The philosophical Chris in the Morning was an easy first favorite, swinging to the non-traditional machismo of Holling, moving onto the conflicted bravado of Maurice. But this latest re-watch has me impressed by Rob’s performance and his demeanor in the podcast has me liking him as a person.</p>
<p>▶️ <strong><a href="https://www.youtube.com/@drspectred/search?query=major%20league%20balatro">Balatro University</a></strong> — I’ve been relaxing to Balatro streamers lately. Often whoever the most interesting one on Twitch is at the time, but otherwise YouTube with the likes of Dr Specterd and Roffle. The recent <a href="https://www.youtube.com/watch?v=A1fRAisQna4">Major League Balatro tournament</a> was fun. Multi-player Balatro is a game mod that allows players to battle against each other. That changes the game dynamics a bit, so the strategy doesn’t line up with personal play perfectly, but it ups the drama. </p>
<p>🎶 <strong><a href="https://music.apple.com/us/album/philadelphia/1807138666?i=1807138667">Heart of Gold: The Songs of Neil Young, Vol. 1</a></strong> — A tribute album (must be cool to get a tribute while you’re still alive). It’s high budget and star-studded. Courtney Barnett, Fiona Apple, Mumford & Sons, Sharon Van Etten, Steve Earle, etc. Kinda seems like the vibe was to try to do the song as faithfully as possible. Eddie Vedder’s Needle & The Damage Done is awesome but so 1-for-1 with the original, it’s like… why? I think The Lumineer’s Sugar Mountain is my favorite. </p>
<p>📘 <strong><a href="https://en.wikipedia.org/wiki/Long_Bright_River_(TV_series)">Long Bright River </a></strong>— I finished the book, which I really enjoyed, despite this strange lingering feeling that it was written… toward popularity? Like it wanted to inhabit a genre perfectly, not be authentic. So now I started the show and I’m a couple episodes in. There are a ton of changed details in ways it’s hard for me to understand why (e.g. “Gee”, the grandmother, is now “Gee-pa”, the grandfather, who is gruff-but-nice instead of gruff-and-actually-mean). And for TV: they aren’t <em>quite</em> as poor, nobody is <em>quite</em> as nasty, and everyone is much more beautiful. </p>
<p>💳 <strong><a href="https://nomadgoods.com/products/tracking-card">Nomad Card</a></strong> — Not really media, but not worth a full post. I’ve had an AirTag in my wallet forever, because I really like being able to find it easily when I misplace it. But even my attempts at “AirTag Wallets” which have a slot for them to go, they are awkwardly thick. FINALLY — the Nomad Card works with Find My and is just the thickness of a credit card. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/06/14/media-diet-8/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12467</post-id> </item>
<item>
<title>Lest We Forget The Horrors</title>
<link>https://chriscoyier.net/2025/06/10/lest-we-forget-the-horrors/</link>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Tue, 10 Jun 2025 12:51:41 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12448</guid>
<description><![CDATA[Just a high five to McSweeney’s for the month-by-month documentation of the horrible crap Trump does. Just a paragraph reminder with good links to confirm. UPDATE: McSweeney’s took it down? Not a great look. I wonder what the story is. I hope it’s not a threat. There is an Internet Archive link. I try to […]]]></description>
<content:encoded><![CDATA[
<p>Just a high five to McSweeney’s for the <a href="https://www.mcsweeneys.net/articles/lest-we-forget-the-horrors-an-unending-catalog-of-trumps-cruelties-collusions-corruptions-and-crimes#May25">month-by-month documentation</a> of the horrible crap Trump does. Just a paragraph reminder with good links to confirm. </p>
<p><strong>UPDATE</strong>: McSweeney’s took it down? Not a great look. I wonder what the story is. I hope it’s not a threat. <a href="https://web.archive.org/web/20250530205648/https://www.mcsweeneys.net/articles/lest-we-forget-the-horrors-an-unending-catalog-of-trumps-cruelties-collusions-corruptions-and-crimes">There is an Internet Archive link.</a></p>
<p>I try to keep my own little mental list of things that horrify me. Not to slather myself in, as I don’t have the mental health spoons to live like that, but to be ready when I find myself in a <em>“is he really so bad?”</em> conversation. </p>
<p>For instance, the guy has a memecoin. Show me someone who has released a memecoin and I’ll show you someone who doesn’t have the best interest of others in mind. It’s just such an insane conflict of interest I barely know what to say about it, particularly when he’s literally using his power to push crypto and <a href="https://www.nytimes.com/2025/02/04/business/sec-crypto-task-force.html">relaxing criminal enforcement</a>.</p>
<p>But the more immediate human cruelty stuff is, of course, worse. <a href="https://www.cnn.com/2025/02/05/politics/transgender-athletes-trump-executive-action/index.html">This image of him gathering a crowd of young woman</a> to watch him sign an order that essentially says “fuck trans woman” I will not forget. And the cutting of funds to public lands and <a href="https://www.npr.org/2025/06/03/nx-s1-5418080/pbs-npr-trump-rescission-public-broadcasting">public media</a> abhors me. That’s where I <em>want</em> my federal taxes to go. </p>
]]></content:encoded>
<post-id xmlns="com-wordpress:feed-additions:1">12448</post-id> </item>
<item>
<title>Streaming</title>
<link>https://chriscoyier.net/2025/05/28/streaming/</link>
<comments>https://chriscoyier.net/2025/05/28/streaming/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 28 May 2025 18:21:28 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12413</guid>
<description><![CDATA[I got an itch to attempt streaming. So… The point is, mostly, for me to play with CodePen’s 2.0 editor and just make stuff, learning about front-end development, web design, and CodePen features all together. I’ve used StreamYard to do it before, and I love how simple it is, but it feels a bit limiting, […]]]></description>
<content:encoded><![CDATA[
<p>I got an itch to attempt streaming. So…</p>
<ul class="wp-block-list">
<li><a href="https://www.twitch.tv/chriscoyier">Me on Twitch</a></li>
<li><a href="https://www.youtube.com/@CodePenOfficial">CodePen on YouTube</a></li>
</ul>
<p>The point is, mostly, for me to play with CodePen’s 2.0 editor and just make stuff, learning about front-end development, web design, and CodePen features all together. </p>
<p>I’ve used <a href="https://streamyard.com/teams/2z0HMqqWQOTXrjtiu3aUjDc0/broadcasts">StreamYard</a> to do it before, and I love how simple it is, but it feels a bit limiting, so I’m going to try <a href="https://streamlabs.com/">StreamLabs Desktop</a> next.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/28/streaming/feed/</wfw:commentRss>
<slash:comments>2</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12413</post-id> </item>
<item>
<title>White Noise</title>
<link>https://chriscoyier.net/2025/05/21/white-noise/</link>
<comments>https://chriscoyier.net/2025/05/21/white-noise/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 22 May 2025 00:23:16 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12398</guid>
<description><![CDATA[My 7 year old strongly prefers to sleep with white noise playing. She’s got a little machine that does it on a timer. Whenever she sleeps somewhere else, if she can’t bring the machine, it’s best to have another solution. YouTube has those 10 hour long videos that do it which I can just play […]]]></description>
<content:encoded><![CDATA[
<p>My 7 year old strongly prefers to sleep with white noise playing. She’s got a little machine that does it on a timer. Whenever she sleeps somewhere else, if she can’t bring the machine, it’s best to have another solution. YouTube has those <a href="https://www.youtube.com/watch?v=nMfPqeZjc2c&t=31250s">10 hour long videos that do it</a> which I can just play on my plugged-in phone. I’ve run across <a href="https://noise.justsomeapps.com/">a little website with just a button</a> though, which: better.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>Feedback after posting</p>
<ul class="wp-block-list">
<li>iOS: Build in @ <code>Settings -> Accessibility -> Audio & Visual -> Background Sounds</code></li>
<li>iOS: <a href="https://apps.apple.com/app/id1465439395">Dark Noise</a></li>
<li><a href="https://toot.cat/@FiXato/114548750771024872">Android apps</a></li>
<li><a href="https://mynoise.net/">myNoise.net</a></li>
<li><a href="https://moritzglantz.de/soundbedd/">SOUNDBEDD</a></li>
<li><a href="https://modern-noise.web.app/">Modern noise</a></li>
</ul>
<p></p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/21/white-noise/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12398</post-id> </item>
<item>
<title>The Am Dash</title>
<link>https://chriscoyier.net/2025/05/10/the-am-dash/</link>
<comments>https://chriscoyier.net/2025/05/10/the-am-dash/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Sat, 10 May 2025 15:45:15 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12336</guid>
<description><![CDATA[The Am Dash is a clever idea. It’s a little typographic dash you can slip into text that sorta “proves” it’s human written, while looking kinda cool. This “proves” it’s human written because there is barely any text in the world that uses this so LLMs will (never?) generate text that has “am-” in it […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://www.theamdash.com/">The Am Dash</a> is a clever idea. </p>
<p>It’s a little typographic dash you can slip into text that sorta “proves” it’s human written, while looking kinda cool. </p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" fetchpriority="high" decoding="async" width="1024" height="226" data-attachment-id="12337" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-7-37-32-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?fit=1728%2C382&ssl=1" data-orig-size="1728,382" 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"}" data-image-title="Screenshot 2025-05-10 at 7.37.32 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?fit=300%2C66&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?fit=1024%2C226&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=1024%2C226&ssl=1" alt="A graphic showing examples of how to use the am dash in sentences, highlighting its function in creating pauses and separating clauses." class="wp-image-12337" style="width:494px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=1024%2C226&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=300%2C66&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=768%2C170&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=1536%2C340&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?w=1728&ssl=1 1728w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
<p>This “proves” it’s human written because there is barely any text in the world that uses this so LLMs will (never?) generate text that has “am-” in it instead of a dash. And even if it does, it will render as “am-” not a cool curly dash.</p>
<p>The website is pretty light on usage details though. What it gives you is some <code>.otf</code> (Open Type font files) to download (“Times New Human”, “Areal”, lol). These are modified versions of Times New Roman and Ariel that include a new ligature (the am dash) that shows itself when you type “am-“. You’d install and use them on your operating system. (I like <a href="https://chriscoyier.net/2022/07/27/moving-on-with-font-management/">Typeface</a>.)</p>
<p>So you’d just type:</p>
<pre class="wp-block-preformatted">This is going to be easy am- or so he thought.</pre>
<p>And instead of “am-” you’d get the fancy dash, so long as you’re using the font you just installed in a native app.</p>
<p>I think it’s a kinda neat idea. </p>
<p>But how might we use it on the web? Well we can just <a href="https://cloudconvert.com/otf-to-woff2">make</a> a <code>.woff2</code> version, load it up, and make it part of the font stack. </p>
<pre class="wp-block-code"><span><code class="hljs language-css"><span class="hljs-keyword">@font-face</span> {
<span class="hljs-attribute">font-family</span>: <span class="hljs-string">'Times New Human'</span>;
<span class="hljs-attribute">src</span>: <span class="hljs-built_in">url</span>(<span class="hljs-string">'https://assets.codepen.io/3/TimesNewHuman-Reg.woff2'</span>) <span class="hljs-built_in">format</span>(<span class="hljs-string">'woff2'</span>);
<span class="hljs-attribute">font-style</span>: normal;
<span class="hljs-attribute">font-weight</span>: normal;
}
<span class="hljs-selector-tag">html</span> {
<span class="hljs-attribute">font-family</span>: <span class="hljs-string">"Times New Human"</span>, MyCustomFont, serif;
}</code></span></pre>
<p>That works.</p>
<div class="wp-block-cp-codepen-gutenberg-embed-block cp_embed_wrapper"><iframe id="cp_embed_MYYPpEb" src="//codepen.io/anon/embed/MYYPpEb?height=450&theme-id=1&slug-hash=MYYPpEb&default-tab=result" height="450" scrolling="no" frameborder="0" allowfullscreen allowpaymentrequest name="CodePen Embed MYYPpEb" title="CodePen Embed MYYPpEb" class="cp_embed_iframe" style="width:100%;overflow:hidden">CodePen Embed Fallback</iframe></div>
<p>But it’s nearly <strong>50kb</strong> just for that dash, which feels like too much for me. </p>
<p>A font with <em>one</em> bonus character in it should be super small, right? Well that was my first line of thinking, so I tried making a version of the font file (<a href="https://fonttools.readthedocs.io/en/stable/subset/#">with fonttools</a>) with ligatures only, like:</p>
<pre class="wp-block-code"><span><code class="hljs">pyftsubset TimesNewHuman-Reg.otf --layout-features=dlig --output-file=TimesNewHuman-ligonly.otf</code></span></pre>
<p>But after some head scratching… that doesn’t work. </p>
<p>The thing is this <em>isn’t</em> ligature with a specific unicode point like…</p>
<pre class="wp-block-preformatted">Ligature 'ff': U+FB00 (ff)</pre>
<p>… but the am dash does show up as a ligature in tools like Typeface:</p>
<figure class="wp-block-image size-full is-resized"><img data-recalc-dims="1" decoding="async" width="880" height="428" data-attachment-id="12338" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-6-54-00-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?fit=880%2C428&ssl=1" data-orig-size="880,428" 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"}" data-image-title="Screenshot 2025-05-10 at 6.54.00 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?fit=300%2C146&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?fit=880%2C428&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?resize=880%2C428&ssl=1" alt="A display of standard ligatures in typography, including examples like 'ff', 'fi', and 'fl', alongside a unique dash." class="wp-image-12338" style="width:460px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?w=880&ssl=1 880w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?resize=300%2C146&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?resize=768%2C374&ssl=1 768w" sizes="(max-width: 880px) 100vw, 880px" /><figcaption class="wp-element-caption">This UI must be showing ligatures of any varietal.</figcaption></figure>
<p>If it was a specific unicode point, we could limit (subset) the font to only that character and it would work great (probably?!). We could even remind the browser through the <code>@font-face</code> block that it only applies to a <code>unicode-range</code> of that exact unicode point.</p>
<p>But… the ligature in this font isn’t a single unicode character. I don’t have the right language to describe this, but you can see how the dash is actually three characters still:</p>
<figure class="wp-block-image size-full is-resized"><img data-recalc-dims="1" decoding="async" width="636" height="230" data-attachment-id="12339" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/cleanshot-2025-05-10-at-08-34-52/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?fit=636%2C230&ssl=1" data-orig-size="636,230" 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"}" data-image-title="CleanShot 2025-05-10 at 08.34.52" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?fit=300%2C108&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?fit=636%2C230&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?resize=636%2C230&ssl=1" alt="Close-up of text displaying an am dash, showcasing how it replaces 'am-' with a stylish typographic dash." class="wp-image-12339" style="width:357px;height:auto"/><figcaption class="wp-element-caption">so it’s not like “am-” turns into a single new character, as ligatures sometimes do, this turns “a” into the start of the dash, the “m” into a straight dash, and “-” into the curly ending of the dash. It just only shows up when those characters are all together.</figcaption></figure>
<p>So this is where I’m stuck. </p>
<p>We could make sure that “a”, “m”, and “-” are covered by Times New Human, for example, like this:</p>
<pre class="wp-block-code"><span><code class="hljs language-css"> <span class="hljs-selector-tag">unicode-range</span>: <span class="hljs-selector-tag">U</span>+0061, <span class="hljs-selector-tag">U</span>+006<span class="hljs-selector-tag">D</span>, <span class="hljs-selector-tag">U</span>+002<span class="hljs-selector-tag">D</span>;</code></span></pre>
<p>But if we do that, then <em>all</em> of those characters use that font, not just the ligature.</p>
<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="710" height="292" data-attachment-id="12340" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-8-39-50-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?fit=710%2C292&ssl=1" data-orig-size="710,292" 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"}" data-image-title="Screenshot 2025-05-10 at 8.39.50 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?fit=300%2C123&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?fit=710%2C292&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?resize=710%2C292&ssl=1" alt="A paragraph of text featuring a special new typographic dash." class="wp-image-12340" style="width:369px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?w=710&ssl=1 710w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?resize=300%2C123&ssl=1 300w" sizes="auto, (max-width: 710px) 100vw, 710px" /></figure></div>
<p>So I dunno. Like I said this is where I’m stuck. </p>
<p>I have a hunch there is <em>some way</em> to ship a super small font that only has that ligature in it for web usage and doesn’t affect other fonts you might be using, but that’s not how it ships right now and I haven’t figured it out. It might mean making that ligature an actual single unicode point.</p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>Also: <a href="https://bsky.app/profile/k17.dev/post/3lotcbkxwr22v">accessibility</a>. </p>
<p>VoiceOver reads as “am” straight up, which is very awkward. </p>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="246" data-attachment-id="12349" data-permalink="https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-8-58-51-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?fit=1308%2C314&ssl=1" data-orig-size="1308,314" 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"}" data-image-title="Screenshot 2025-05-10 at 8.58.51 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?fit=300%2C72&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?fit=1024%2C246&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=1024%2C246&ssl=1" alt="VoiceOver reading "This is a paragraph of text am- with a special new dash in it that an LLM would (probably)
never generate., selected"" class="wp-image-12349" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=1024%2C246&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=300%2C72&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=768%2C184&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?w=1308&ssl=1 1308w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
<p>Is that fixable? Would a single unicode point help here? Would <code>"--"</code> or even <code>"dash"</code> be a better ligature to use instead of “am-“?</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/10/the-am-dash/feed/</wfw:commentRss>
<slash:comments>4</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12336</post-id> </item>
<item>
<title>“I’d rather read the prompt”</title>
<link>https://chriscoyier.net/2025/05/08/id-rather-read-the-prompt/</link>
<comments>https://chriscoyier.net/2025/05/08/id-rather-read-the-prompt/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Fri, 09 May 2025 01:16:15 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12332</guid>
<description><![CDATA[Clayton Ramsey grades student assignments and gets papers that are just obviously ChatGPT output. I think any of us can spot it by now: awkward repetitive prose, heavy on bullet points with bold intro words, wordy, etc. There is nothing to be done about it. As an instructor, I am always saddened to read this. […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://claytonwramsey.com/blog/prompt/">Clayton Ramsey grades student assignments</a> and gets papers that are just obviously ChatGPT output. I think any of us can spot it by now: awkward repetitive prose, heavy on bullet points with bold intro words, wordy, etc.</p>
<p>There is nothing to be done about it.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>As an instructor, I am always saddened to read this. The ChatGPT rhetorical style is distinctive enough that I can catch it, but not so distinctive to be worth passing along to an honor council.</p>
</blockquote>
<p>But still…</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Don’t let a computer write for you!</strong> I say this not for reasons of intellectual honesty, or for the spirit of fairness. I say this because I believe that your original thoughts are far more interesting, meaningful, and valuable than whatever a large language model can transform them into.</p>
</blockquote>
<p>Heck yeah. It’s not <em>blah blah finger waggle that’s cheating</em>, it’s that writing is <a href="https://chriscoyier.net/2025/02/18/calculators-writing/">thinking, feeling, and communicating</a> and where all the value is, particularly at school. <a href="https://poets.org/poem/student-who-used-ai-write-paper">What are you trying to be free of?</a></p>
<p>I love the ending:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>I have never seen any form of create generative model output … which I would rather see than the original prompt. </p>
</blockquote>
<p>Those students had to type something in, and <em>that</em> would be more interesting to see than the slop.</p>
<p>(<a href="https://daverupert.com/2025/05/week-links-2/">via Dave</a>)</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/08/id-rather-read-the-prompt/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12332</post-id> </item>
<item>
<title>christopher.org for the next 100 years</title>
<link>https://chriscoyier.net/2025/05/05/christopher-org-for-the-next-100-years/</link>
<comments>https://chriscoyier.net/2025/05/05/christopher-org-for-the-next-100-years/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Mon, 05 May 2025 17:11:12 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12298</guid>
<description><![CDATA[I’m trying to do right by my old buddy Christopher Schmitt and his digital footprint. You might remember we made a thank-you site for him where people shared memories. That’s hosted on a provided Netlify account, and the code is on a public GitHub repo. Notably the site doesn’t use a custom domain name, which […]]]></description>
<content:encoded><![CDATA[
<p>I’m trying to do right by my old buddy Christopher Schmitt and his digital footprint. You might remember we made <a href="https://thankyouchristopherschmitt.netlify.app/">a thank-you site</a> for him where people shared memories. That’s hosted on a provided Netlify account, and the code is on <a href="https://github.com/thankyouchristoperschmitt/memories_site">a public GitHub repo</a>. Notably the site <em>doesn’t </em>use a custom domain name, which I think will actually <em>help</em> the long-term uptime of it. Making sure a domain name is paid for and taken care is a possible failure point. With no extra recurring cost or work here, the domain will work, <em>probably</em>, as long as <em>all</em> hosted sites on Netlify work, which I would guess is quite a long time, even if they sold or whatever.</p>
<p>Christopher had his own website as well, as a great domain: <a href="https://christopher.org/">christopher.org</a>. It’s a fine example of a personal website featuring a blog and is something of a portfolio of his career. I subscribe to that method of personal site building still. It’s a WordPress site. I take care of it’s hosting and basic updates.</p>
<p>Fortunately, after Christopher’s death, the ownership of <code>christopher.org</code> made it’s way to his brother David’s stewardship, who had it in a Network Solutions account he had safe access to. That’s good, that means Christopher’s site wasn’t going to disappear for a silly reason like nobody knowing how to access the registrar’s account or lapsed billing. </p>
<p>But the domain <code>christopher.org</code> is still a possible failure point. Surely David will take care of it for as long as he’s able. But who will steward it after David? Will they know what it is? Will they care? Will their life circumstances allow them to pay for it in perpetuity? </p>
<p>My guess is that personal websites in this “just keep the archive alive” mode might last a generation after the owner’s death, but probably not two or more. </p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>The next start of this story is that my friend <a href="https://jesses.link/">Jesse Friedman</a> reached out to me recently. One of the things he works on is <a href="https://wp.cloud/">WP Cloud</a>, which is sort of like meta-hosting. If you wanted to <em>be</em> a WordPress host, you could built it on top of WP Cloud and it would handle a lot of the tech behind it. Automattic’s own <a href="https://pressable.com/">Pressable</a> runs on it, for instance.</p>
<p>I used <a href="https://getflywheel.com/">Flywheel</a> hosting for a long time. They used to sponsor CSS-Tricks back in the day as well, but I used them long after that. I like their hosting for the most part. But one thing that happened post WP Engine acquisition is that I got a customer rep (or whatever?) who would regularly email me saying my traffic was too high and I was violating agreements and I needed to pay more money, basically. </p>
<p>I was already on what I thought was a pretty expensive plan. And the account hosted a handful of WordPress sites, all in my opinion <em>pretty low traffic.</em> <strong>Plus, </strong>I had Cloudflare sitting in front of all them, soaking up likely the bulk of the traffic. I just was sick of hearing how I was over traffic limits. I probably technically <em>was</em>, which almost means I think their traffic limits are just too low. (e.g. their $1,150/year plan maxes at 100,000 visits a month)</p>
<p>Jesse offered to host this site and the handful of others over on Pressable. A generous offer which I could use. I really had to think about it though, as I’ve been turned off lately on the Automattic vs WP Engine fighting. I’ve seen behavior I don’t like on both sides, frankly, and it makes me want to stay out of it. But a few factors influenced my decision. One, it’s WP Engine that was directly annoying me and costing me money, while it was Automattic being generous and helpful. I like to look at what’s right in front of me. Two, and much more importantly, it’s not all about me. This comes full circle as <code>christopher.org</code> gets involved again.</p>
<p>I could chuck <code>christopher.org</code> on Pressable and it would have a good long life there surely, but now it’s tied to my own future death and legacy plan. Automattic has <a href="https://wordpress.com/100-year-domain/">100-year domains</a> ($2,000) and <a href="https://wordpress.com/100-year/">100-year hosting</a>. ($38,000, includes domain). Jesse mentioned we could get <code>christopher.org</code> onto <em>that</em> as well. </p>
<p>Ari (Christopher’s partner in life and business), David (Christopher’s brother), and I talked it over and agreed it would be a good plan. </p>
<p><em>100 years!</em> This is longer than any of us can promise good stewardship of Christopher’s digital footprint. It handles the domain itself, a possible failure point, and the hosting, a separate failure point. </p>
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>As I write, this is all done. This site is on Pressable and I find the hosting quite good. The team there, with a special shout-out to Phillip Clapham, did a good job of migrating the sites and then working with me to shore up all the little stuff that inevitably comes up during a hosting move. It was all done with speed and grace.</p>
<p>I’ll call out a few things in particular that are nice about Pressable:</p>
<ul class="wp-block-list">
<li>They have actual Git-based deployment, which is something <a href="https://chriscoyier.net/2023/09/27/git-based-wordpress-deployment/">I’ve waved my hands wildly about</a> in the past how it should be a standard feature. </li>
<li>The OnePress login feature is nice, where you one-click over to the site logged in.</li>
<li>The little tool they have integrated while moving a site’s domain name over to them is very nice, managing those moves across different hosts/registrars smoothly. </li>
<li>The traffic handling is decently higher</li>
<li>You get Jetpack Complete included, which can be a high additional cost if you make use of those features (I totally do). </li>
</ul>
<p>The <code>christopher.org</code> move was handled by the <a href="https://specialprojects.automattic.com/">Special Projects</a> team at Automattic, and special shout out there to Christopher Jones who helped manage that. This all happens on WordPress.com, which handles the domain and hosting, and <em>also</em> has Git-based deployment. The fact that these sites are on GitHub too (sans database) is another nice little bonus of extended digital footprint lifespan. </p>
<p>And Christopher, you should know I got your Grunt build process running again. You’re welcome. But I’m not going to fix those Sass warnings. They are just deprecation warnings, it’s fine. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/05/christopher-org-for-the-next-100-years/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12298</post-id> </item>
<item>
<title>jQuery Reunion</title>
<link>https://chriscoyier.net/2025/05/01/jquery-reunion/</link>
<comments>https://chriscoyier.net/2025/05/01/jquery-reunion/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Thu, 01 May 2025 18:34:38 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12294</guid>
<description><![CDATA[Looks like they are getting the gang back together for a 20-year reunion. I’m going to try to attend, but no promises just yet. Mr. Richard Worth is throwing it in Dallas, TX. Who’s he gonna get?? The yayQuery gang? Yehuda? Jörn? González? Resig? No names just yet.]]></description>
<content:encoded><![CDATA[
<p><a href="https://www.jqueryreunion.com/">Looks like they are getting the gang back together</a> for a 20-year reunion. I’m going to try to attend, but no promises just yet. </p>
<p>Mr. <a href="https://www.linkedin.com/in/rdworth/">Richard Worth</a> is throwing it in Dallas, TX. Who’s he gonna get?? <a href="https://podcasts.apple.com/us/podcast/yayquery/id340422555">The yayQuery gang</a>? Yehuda? Jörn? González? <em>Resig?</em> No names just yet.</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/05/01/jquery-reunion/feed/</wfw:commentRss>
<slash:comments>3</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12294</post-id> </item>
<item>
<title></title>
<link>https://chriscoyier.net/2025/04/30/12292/</link>
<comments>https://chriscoyier.net/2025/04/30/12292/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 30 Apr 2025 19:17:06 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12292</guid>
<description><![CDATA[P. Martin Ortiz: Web apps can easily adapt to whatever device you’re on. A single responsive website can run on your desktop, phone, tablet, or even a VR headset. What’s even more, they can be updated on all of them simultaneously. That’s a level of flexibility that native apps can’t match. That’s why I feel […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://rogueengine.io/blog/your-app-should-have-been-a-website">P. Martin Ortiz</a>:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Web apps can easily adapt to whatever device you’re on. A single responsive website can run on your desktop, phone, tablet, or even a VR headset. What’s even more, they can be updated on all of them simultaneously. That’s a level of flexibility that native apps can’t match.<br></p>
</blockquote>
<p>That’s why I feel so protective over the web. It’s clearly the best platform to make stuff. #URLs4Lyfe</p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/04/30/12292/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12292</post-id> </item>
<item>
<title>Chilis in Oregon</title>
<link>https://chriscoyier.net/2025/04/30/chilis-in-oregon/</link>
<comments>https://chriscoyier.net/2025/04/30/chilis-in-oregon/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Wed, 30 Apr 2025 17:33:43 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12288</guid>
<description><![CDATA[Chili’s is obviously the finest of all the full-service chain restaurants. They are crushing it right now. Imagine my pain living in Oregon where there are 0 (zero) (none) Chili’s. It’s very satisfying to hear their CEO say that they are going to start building new Chili’s again and literally that there are no Chili’s […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://www.chilis.com/">Chili’s</a> is obviously the finest of all the full-service chain restaurants. They are crushing it right now. Imagine my pain living in Oregon where there are 0 (zero) (none) Chili’s.</p>
<p>It’s very satisfying to hear their CEO say that they are going to start building new Chili’s again and literally that there are no Chili’s in Oregon and they can operate here now. GET ON IT Chili’s CEO Kevin Hochman. I recommend my backyard.</p>
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Chili’s CEO Breaks Down the Changes That Turned the Restaurant Around | WSJ" width="500" height="281" src="https://www.youtube.com/embed/ECY7txi92dc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
<figure class="wp-block-image size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="718" height="1024" data-attachment-id="12289" data-permalink="https://chriscoyier.net/2025/04/30/chilis-in-oregon/cleanshot-2025-04-30-at-10-28-302x/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?fit=1496%2C2134&ssl=1" data-orig-size="1496,2134" 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"}" data-image-title="CleanShot 2025-04-30 at 10.28.30@2x" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?fit=210%2C300&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?fit=718%2C1024&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=718%2C1024&ssl=1" alt="10:26
I think we can start building chilies again.
10:27
There are parts of this country there are no chilies,
10:30
so there's no chili's in Oregon.
10:32
We don't have as many chilies in California in some states that traditionally we thought were more expensive to be able to operate in.
10:37
But now that we're a much healthier concept with better for economics,
10:40
we can operate in those states now." class="wp-image-12289" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=718%2C1024&ssl=1 718w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=210%2C300&ssl=1 210w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=768%2C1096&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=1077%2C1536&ssl=1 1077w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=1436%2C2048&ssl=1 1436w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?w=1496&ssl=1 1496w" sizes="auto, (max-width: 718px) 100vw, 718px" /></figure>
<p>I wrote to them about a perfect location here in Bend and it’s looking <em>pretty good</em> folks.</p>
<figure class="wp-block-image size-large is-resized"><img data-recalc-dims="1" loading="lazy" decoding="async" width="1024" height="1002" data-attachment-id="12329" data-permalink="https://chriscoyier.net/2025/04/30/chilis-in-oregon/screenshot-2025-05-08-at-11-08-04-am/" data-orig-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?fit=1040%2C1018&ssl=1" data-orig-size="1040,1018" 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"}" data-image-title="Screenshot 2025-05-08 at 11.08.04 AM" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?fit=300%2C294&ssl=1" data-large-file="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?fit=1024%2C1002&ssl=1" src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=1024%2C1002&ssl=1" alt="Chris,
We certainly appreciate you taking the time out of your day to provide us with your feedback. We have forwarded your comments for review.
Guest feedback is vital to our success and we will use your comments to improve.
Thank you for your interest in Chili's." class="wp-image-12329" style="width:501px;height:auto" srcset="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=1024%2C1002&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=300%2C294&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=768%2C752&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?w=1040&ssl=1 1040w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/04/30/chilis-in-oregon/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12288</post-id> </item>
<item>
<title></title>
<link>https://chriscoyier.net/2025/04/29/12284/</link>
<comments>https://chriscoyier.net/2025/04/29/12284/#respond</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Tue, 29 Apr 2025 14:35:50 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12284</guid>
<description><![CDATA[It’s interesting to hear directly from Mozilla’s CEO Laura Chambers on the U.S. search engine monopoly case Google lost: Some of the remedies proposed in the case risk the future of our Firefox browser and Gecko browser engine—the last remaining non-Big Tech browser engine. Read: “If one of the remedies is Google is no longer […]]]></description>
<content:encoded><![CDATA[
<p>It’s interesting to hear <a href="https://blog.mozilla.org/en/mozilla/internet-policy/mozilla-ceo-on-google-antitrust/">directly from Mozilla’s CEO Laura Chambers</a> on the U.S. search engine monopoly case Google lost:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Some of the remedies proposed in the case risk the future of our Firefox browser and Gecko browser engine—the last remaining non-Big Tech browser engine.</p>
</blockquote>
<p>Read: “If one of the remedies is Google is no longer allowed to pay to be a default search engine in other companies browsers, we’re hosed.” </p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>The outcome of this case isn’t just about one company, it’s about the future of the internet and the stakes couldn’t be higher. </p>
</blockquote>
<p>Agreed. This is massive. Losing Firefox means losing one of the few remaining browser <em>engines</em>, where we need that ecosystem diversity to remain healthy. Losing Firefox means making Google <em>more</em> of a monopoly in many ways, not less. </p>
<p>I’m kinda hoping for <a href="https://daringfireball.net/2025/04/is_chrome_even_a_sellable_asset">the do-little outcome Gruber laid out</a>:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>I think the contract between Google and Apple for TAC is currently like this:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong><em>Google will pay Apple $X per web search that goes to Google from Safari, and Apple will make Google the default search in Safari.</em></strong></p>
</blockquote>
<p>After the dust settles on the DOJ case against Google, it might look like this:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><em>Google will pay Apple $X per web search that goes to Google from Safari, but Apple is under no obligation to make Google the default search in Safari.</em></p>
</blockquote>
</blockquote>
<p class="has-small-font-size">(TAC = Traffic Acquisition Cost)</p>
<p>We can legislate a better web, but let’s do it in a way that protects choice and privacy, not in a DOGE-y chainsaw-y way. </p>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/04/29/12284/feed/</wfw:commentRss>
<slash:comments>0</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12284</post-id> </item>
<item>
<title>Mars</title>
<link>https://chriscoyier.net/2025/04/28/mars/</link>
<comments>https://chriscoyier.net/2025/04/28/mars/#comments</comments>
<dc:creator><![CDATA[Chris Coyier]]></dc:creator>
<pubDate>Mon, 28 Apr 2025 17:08:11 +0000</pubDate>
<category><![CDATA[Uncategorized]]></category>
<guid isPermaLink="false">https://chriscoyier.net/?p=12276</guid>
<description><![CDATA[Fun rant from By Albert Burneko on how we just ain’t colonizing Mars, ever. The South Pole is around 2,800 meters above sea level, and like everywhere else on Earth around 44 million miles closer to the sun than any point on Mars. It sits deep down inside the nutritious atmosphere of a planet teeming with […]]]></description>
<content:encoded><![CDATA[
<p><a href="https://defector.com/neither-elon-musk-nor-anybody-else-will-ever-colonize-mars">Fun rant</a> from By Albert Burneko on how we just ain’t colonizing Mars, ever.</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>The South Pole is around 2,800 meters above sea level, and like everywhere else on Earth around 44 million miles closer to the sun than any point on Mars. It sits deep down inside the nutritious atmosphere of a planet teeming with native life. Compared to the very most hospitable place on Mars it is an unimaginably fertile Eden. Here is a list of the plant-life that grows there: Nothing. Here is a list of all the animals that reproduce there: None.<br></p>
</blockquote>
]]></content:encoded>
<wfw:commentRss>https://chriscoyier.net/2025/04/28/mars/feed/</wfw:commentRss>
<slash:comments>1</slash:comments>
<post-id xmlns="com-wordpress:feed-additions:1">12276</post-id> </item>
</channel>
</rss>
Raw headers
{
"alt-svc": "h3=\":443\"; ma=86400",
"cache-control": "max-age=300, must-revalidate",
"cf-cache-status": "DYNAMIC",
"cf-ray": "95090fd6e674e819-ORD",
"connection": "keep-alive",
"content-type": "application/rss+xml; charset=UTF-8",
"date": "Mon, 16 Jun 2025 08:50:50 GMT",
"etag": "W/\"15ca0ff7d544b9081e8bac9bd555d81e\"",
"host-header": "wpcloud",
"last-modified": "Sat, 14 Jun 2025 14:03:50 GMT",
"link": "<https://chriscoyier.net/wp-json/>; rel=\"https://api.w.org/\"",
"server": "cloudflare",
"server-timing": "a8c-cdn, dc;desc=mdw, cache;desc=STALE;dur=1.0",
"strict-transport-security": "max-age=31536000",
"transfer-encoding": "chunked",
"vary": "Accept-Encoding, Cookie",
"x-ac": "30.mdw _atomic_dca STALE",
"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": "2025-06-14T14:03:50.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&ssl=1"
},
"authors": [],
"categories": [],
"items": [
{
"id": "https://chriscoyier.net/?p=12467",
"title": "Media Diet",
"description": "📺 WondLa — I was enamored by this story of a girl in a strange post-apoc world. Season 1 was a lot stronger than season 2, so despite the cliffhanger ending, I’m not holding my breath for a third. 🎥 Sinners — This was like three movies in one. A movie about family and community […]",
"url": "https://chriscoyier.net/2025/06/14/media-diet-8/",
"published": "2025-06-14T14:03:48.000Z",
"updated": "2025-06-14T14:03:48.000Z",
"content": "<p>📺 <a href=\"https://en.wikipedia.org/wiki/WondLa_(TV_series)\"><strong>WondLa</strong></a> — I was enamored by this story of a girl in a strange post-apoc world. Season 1 was a lot stronger than season 2, so despite the cliffhanger ending, I’m not holding my breath for a third.</p>\n\n\n\n<p>🎥 <a href=\"https://en.wikipedia.org/wiki/Sinners_(2025_film)\"><strong>Sinners</strong></a> — This was like three movies in one. A movie about family and community in a small town, a movie about music and it’s connections through time, and a movie about the devil and his legion of vampires. </p>\n\n\n\n<p>🎧 <strong><a href=\"https://evergreenpodcasts.com/northern-disclosure\">Northern Disclosure</a></strong> — Northern Exposure is my favorite TV show of all time. Despite a few efforts to bring it back, it’s probably good it never has been. But this podcast re-watch from Rob Morrow and Janine Turner (who play Joel and Maggie) is the right amount of nostalgia for me. Joel used to be my least favorite character on the show. The philosophical Chris in the Morning was an easy first favorite, swinging to the non-traditional machismo of Holling, moving onto the conflicted bravado of Maurice. But this latest re-watch has me impressed by Rob’s performance and his demeanor in the podcast has me liking him as a person.</p>\n\n\n\n<p>▶️ <strong><a href=\"https://www.youtube.com/@drspectred/search?query=major%20league%20balatro\">Balatro University</a></strong> — I’ve been relaxing to Balatro streamers lately. Often whoever the most interesting one on Twitch is at the time, but otherwise YouTube with the likes of Dr Specterd and Roffle. The recent <a href=\"https://www.youtube.com/watch?v=A1fRAisQna4\">Major League Balatro tournament</a> was fun. Multi-player Balatro is a game mod that allows players to battle against each other. That changes the game dynamics a bit, so the strategy doesn’t line up with personal play perfectly, but it ups the drama. </p>\n\n\n\n<p>🎶 <strong><a href=\"https://music.apple.com/us/album/philadelphia/1807138666?i=1807138667\">Heart of Gold: The Songs of Neil Young, Vol. 1</a></strong> — A tribute album (must be cool to get a tribute while you’re still alive). It’s high budget and star-studded. Courtney Barnett, Fiona Apple, Mumford & Sons, Sharon Van Etten, Steve Earle, etc. Kinda seems like the vibe was to try to do the song as faithfully as possible. Eddie Vedder’s Needle & The Damage Done is awesome but so 1-for-1 with the original, it’s like… why? I think The Lumineer’s Sugar Mountain is my favorite. </p>\n\n\n\n<p>📘 <strong><a href=\"https://en.wikipedia.org/wiki/Long_Bright_River_(TV_series)\">Long Bright River </a></strong>— I finished the book, which I really enjoyed, despite this strange lingering feeling that it was written… toward popularity? Like it wanted to inhabit a genre perfectly, not be authentic. So now I started the show and I’m a couple episodes in. There are a ton of changed details in ways it’s hard for me to understand why (e.g. “Gee”, the grandmother, is now “Gee-pa”, the grandfather, who is gruff-but-nice instead of gruff-and-actually-mean). And for TV: they aren’t <em>quite</em> as poor, nobody is <em>quite</em> as nasty, and everyone is much more beautiful. </p>\n\n\n\n<p>💳 <strong><a href=\"https://nomadgoods.com/products/tracking-card\">Nomad Card</a></strong> — Not really media, but not worth a full post. I’ve had an AirTag in my wallet forever, because I really like being able to find it easily when I misplace it. But even my attempts at “AirTag Wallets” which have a slot for them to go, they are awkwardly thick. FINALLY — the Nomad Card works with Find My and is just the thickness of a credit card. </p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12448",
"title": "Lest We Forget The Horrors",
"description": "Just a high five to McSweeney’s for the month-by-month documentation of the horrible crap Trump does. Just a paragraph reminder with good links to confirm. UPDATE: McSweeney’s took it down? Not a great look. I wonder what the story is. I hope it’s not a threat. There is an Internet Archive link. I try to […]",
"url": "https://chriscoyier.net/2025/06/10/lest-we-forget-the-horrors/",
"published": "2025-06-10T12:51:41.000Z",
"updated": "2025-06-10T12:51:41.000Z",
"content": "<p>Just a high five to McSweeney’s for the <a href=\"https://www.mcsweeneys.net/articles/lest-we-forget-the-horrors-an-unending-catalog-of-trumps-cruelties-collusions-corruptions-and-crimes#May25\">month-by-month documentation</a> of the horrible crap Trump does. Just a paragraph reminder with good links to confirm. </p>\n\n\n\n<p><strong>UPDATE</strong>: McSweeney’s took it down? Not a great look. I wonder what the story is. I hope it’s not a threat. <a href=\"https://web.archive.org/web/20250530205648/https://www.mcsweeneys.net/articles/lest-we-forget-the-horrors-an-unending-catalog-of-trumps-cruelties-collusions-corruptions-and-crimes\">There is an Internet Archive link.</a></p>\n\n\n\n<p>I try to keep my own little mental list of things that horrify me. Not to slather myself in, as I don’t have the mental health spoons to live like that, but to be ready when I find myself in a <em>“is he really so bad?”</em> conversation. </p>\n\n\n\n<p>For instance, the guy has a memecoin. Show me someone who has released a memecoin and I’ll show you someone who doesn’t have the best interest of others in mind. It’s just such an insane conflict of interest I barely know what to say about it, particularly when he’s literally using his power to push crypto and <a href=\"https://www.nytimes.com/2025/02/04/business/sec-crypto-task-force.html\">relaxing criminal enforcement</a>.</p>\n\n\n\n<p>But the more immediate human cruelty stuff is, of course, worse. <a href=\"https://www.cnn.com/2025/02/05/politics/transgender-athletes-trump-executive-action/index.html\">This image of him gathering a crowd of young woman</a> to watch him sign an order that essentially says “fuck trans woman” I will not forget. And the cutting of funds to public lands and <a href=\"https://www.npr.org/2025/06/03/nx-s1-5418080/pbs-npr-trump-rescission-public-broadcasting\">public media</a> abhors me. That’s where I <em>want</em> my federal taxes to go. </p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12413",
"title": "Streaming",
"description": "I got an itch to attempt streaming. So… The point is, mostly, for me to play with CodePen’s 2.0 editor and just make stuff, learning about front-end development, web design, and CodePen features all together. I’ve used StreamYard to do it before, and I love how simple it is, but it feels a bit limiting, […]",
"url": "https://chriscoyier.net/2025/05/28/streaming/",
"published": "2025-05-28T18:21:28.000Z",
"updated": "2025-05-28T18:21:28.000Z",
"content": "<p>I got an itch to attempt streaming. So…</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https://www.twitch.tv/chriscoyier\">Me on Twitch</a></li>\n\n\n\n<li><a href=\"https://www.youtube.com/@CodePenOfficial\">CodePen on YouTube</a></li>\n</ul>\n\n\n\n<p>The point is, mostly, for me to play with CodePen’s 2.0 editor and just make stuff, learning about front-end development, web design, and CodePen features all together. </p>\n\n\n\n<p>I’ve used <a href=\"https://streamyard.com/teams/2z0HMqqWQOTXrjtiu3aUjDc0/broadcasts\">StreamYard</a> to do it before, and I love how simple it is, but it feels a bit limiting, so I’m going to try <a href=\"https://streamlabs.com/\">StreamLabs Desktop</a> next.</p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12398",
"title": "White Noise",
"description": "My 7 year old strongly prefers to sleep with white noise playing. She’s got a little machine that does it on a timer. Whenever she sleeps somewhere else, if she can’t bring the machine, it’s best to have another solution. YouTube has those 10 hour long videos that do it which I can just play […]",
"url": "https://chriscoyier.net/2025/05/21/white-noise/",
"published": "2025-05-22T00:23:16.000Z",
"updated": "2025-05-22T00:23:16.000Z",
"content": "<p>My 7 year old strongly prefers to sleep with white noise playing. She’s got a little machine that does it on a timer. Whenever she sleeps somewhere else, if she can’t bring the machine, it’s best to have another solution. YouTube has those <a href=\"https://www.youtube.com/watch?v=nMfPqeZjc2c&t=31250s\">10 hour long videos that do it</a> which I can just play on my plugged-in phone. I’ve run across <a href=\"https://noise.justsomeapps.com/\">a little website with just a button</a> though, which: better.</p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"/>\n\n\n\n<p>Feedback after posting</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>iOS: Build in @ <code>Settings -> Accessibility -> Audio & Visual -> Background Sounds</code></li>\n\n\n\n<li>iOS: <a href=\"https://apps.apple.com/app/id1465439395\">Dark Noise</a></li>\n\n\n\n<li><a href=\"https://toot.cat/@FiXato/114548750771024872\">Android apps</a></li>\n\n\n\n<li><a href=\"https://mynoise.net/\">myNoise.net</a></li>\n\n\n\n<li><a href=\"https://moritzglantz.de/soundbedd/\">SOUNDBEDD</a></li>\n\n\n\n<li><a href=\"https://modern-noise.web.app/\">Modern noise</a></li>\n</ul>\n\n\n\n<p></p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12336",
"title": "The Am Dash",
"description": "The Am Dash is a clever idea. It’s a little typographic dash you can slip into text that sorta “proves” it’s human written, while looking kinda cool. This “proves” it’s human written because there is barely any text in the world that uses this so LLMs will (never?) generate text that has “am-” in it […]",
"url": "https://chriscoyier.net/2025/05/10/the-am-dash/",
"published": "2025-05-10T15:45:15.000Z",
"updated": "2025-05-10T15:45:15.000Z",
"content": "<p><a href=\"https://www.theamdash.com/\">The Am Dash</a> is a clever idea. </p>\n\n\n\n<p>It’s a little typographic dash you can slip into text that sorta “proves” it’s human written, while looking kinda cool. </p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"226\" data-attachment-id=\"12337\" data-permalink=\"https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-7-37-32-am/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?fit=1728%2C382&ssl=1\" data-orig-size=\"1728,382\" 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\"}\" data-image-title=\"Screenshot 2025-05-10 at 7.37.32 AM\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?fit=300%2C66&ssl=1\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?fit=1024%2C226&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=1024%2C226&ssl=1\" alt=\"A graphic showing examples of how to use the am dash in sentences, highlighting its function in creating pauses and separating clauses.\" class=\"wp-image-12337\" style=\"width:494px;height:auto\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=1024%2C226&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=300%2C66&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=768%2C170&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?resize=1536%2C340&ssl=1 1536w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-7.37.32%E2%80%AFAM.png?w=1728&ssl=1 1728w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" /></figure>\n\n\n\n<p>This “proves” it’s human written because there is barely any text in the world that uses this so LLMs will (never?) generate text that has “am-” in it instead of a dash. And even if it does, it will render as “am-” not a cool curly dash.</p>\n\n\n\n<p>The website is pretty light on usage details though. What it gives you is some <code>.otf</code> (Open Type font files) to download (“Times New Human”, “Areal”, lol). These are modified versions of Times New Roman and Ariel that include a new ligature (the am dash) that shows itself when you type “am-“. You’d install and use them on your operating system. (I like <a href=\"https://chriscoyier.net/2022/07/27/moving-on-with-font-management/\">Typeface</a>.)</p>\n\n\n\n<p>So you’d just type:</p>\n\n\n\n<pre class=\"wp-block-preformatted\">This is going to be easy am- or so he thought.</pre>\n\n\n\n<p>And instead of “am-” you’d get the fancy dash, so long as you’re using the font you just installed in a native app.</p>\n\n\n\n<p>I think it’s a kinda neat idea. </p>\n\n\n\n<p>But how might we use it on the web? Well we can just <a href=\"https://cloudconvert.com/otf-to-woff2\">make</a> a <code>.woff2</code> version, load it up, and make it part of the font stack. </p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs language-css\"><span class=\"hljs-keyword\">@font-face</span> {\n <span class=\"hljs-attribute\">font-family</span>: <span class=\"hljs-string\">'Times New Human'</span>;\n <span class=\"hljs-attribute\">src</span>: <span class=\"hljs-built_in\">url</span>(<span class=\"hljs-string\">'https://assets.codepen.io/3/TimesNewHuman-Reg.woff2'</span>) <span class=\"hljs-built_in\">format</span>(<span class=\"hljs-string\">'woff2'</span>);\n <span class=\"hljs-attribute\">font-style</span>: normal;\n <span class=\"hljs-attribute\">font-weight</span>: normal; \n}\n\n<span class=\"hljs-selector-tag\">html</span> {\n <span class=\"hljs-attribute\">font-family</span>: <span class=\"hljs-string\">\"Times New Human\"</span>, MyCustomFont, serif;\n}</code></span></pre>\n\n\n<p>That works.</p>\n\n\n\n<div class=\"wp-block-cp-codepen-gutenberg-embed-block cp_embed_wrapper\"><iframe id=\"cp_embed_MYYPpEb\" src=\"//codepen.io/anon/embed/MYYPpEb?height=450&theme-id=1&slug-hash=MYYPpEb&default-tab=result\" height=\"450\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allowpaymentrequest name=\"CodePen Embed MYYPpEb\" title=\"CodePen Embed MYYPpEb\" class=\"cp_embed_iframe\" style=\"width:100%;overflow:hidden\">CodePen Embed Fallback</iframe></div>\n\n\n\n<p>But it’s nearly <strong>50kb</strong> just for that dash, which feels like too much for me. </p>\n\n\n\n<p>A font with <em>one</em> bonus character in it should be super small, right? Well that was my first line of thinking, so I tried making a version of the font file (<a href=\"https://fonttools.readthedocs.io/en/stable/subset/#\">with fonttools</a>) with ligatures only, like:</p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs\">pyftsubset TimesNewHuman-Reg.otf --layout-features=dlig --output-file=TimesNewHuman-ligonly.otf</code></span></pre>\n\n\n<p>But after some head scratching… that doesn’t work. </p>\n\n\n\n<p>The thing is this <em>isn’t</em> ligature with a specific unicode point like…</p>\n\n\n\n<pre class=\"wp-block-preformatted\">Ligature 'ff': U+FB00 (ff)</pre>\n\n\n\n<p>… but the am dash does show up as a ligature in tools like Typeface:</p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"880\" height=\"428\" data-attachment-id=\"12338\" data-permalink=\"https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-6-54-00-am/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?fit=880%2C428&ssl=1\" data-orig-size=\"880,428\" 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\"}\" data-image-title=\"Screenshot 2025-05-10 at 6.54.00 AM\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?fit=300%2C146&ssl=1\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?fit=880%2C428&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?resize=880%2C428&ssl=1\" alt=\"A display of standard ligatures in typography, including examples like 'ff', 'fi', and 'fl', alongside a unique dash.\" class=\"wp-image-12338\" style=\"width:460px;height:auto\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?w=880&ssl=1 880w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?resize=300%2C146&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-6.54.00%E2%80%AFAM.png?resize=768%2C374&ssl=1 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" /><figcaption class=\"wp-element-caption\">This UI must be showing ligatures of any varietal.</figcaption></figure>\n\n\n\n<p>If it was a specific unicode point, we could limit (subset) the font to only that character and it would work great (probably?!). We could even remind the browser through the <code>@font-face</code> block that it only applies to a <code>unicode-range</code> of that exact unicode point.</p>\n\n\n\n<p>But… the ligature in this font isn’t a single unicode character. I don’t have the right language to describe this, but you can see how the dash is actually three characters still:</p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"636\" height=\"230\" data-attachment-id=\"12339\" data-permalink=\"https://chriscoyier.net/2025/05/10/the-am-dash/cleanshot-2025-05-10-at-08-34-52/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?fit=636%2C230&ssl=1\" data-orig-size=\"636,230\" 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\"}\" data-image-title=\"CleanShot 2025-05-10 at 08.34.52\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?fit=300%2C108&ssl=1\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?fit=636%2C230&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/CleanShot-2025-05-10-at-08.34.52.gif?resize=636%2C230&ssl=1\" alt=\"Close-up of text displaying an am dash, showcasing how it replaces 'am-' with a stylish typographic dash.\" class=\"wp-image-12339\" style=\"width:357px;height:auto\"/><figcaption class=\"wp-element-caption\">so it’s not like “am-” turns into a single new character, as ligatures sometimes do, this turns “a” into the start of the dash, the “m” into a straight dash, and “-” into the curly ending of the dash. It just only shows up when those characters are all together.</figcaption></figure>\n\n\n\n<p>So this is where I’m stuck. </p>\n\n\n\n<p>We could make sure that “a”, “m”, and “-” are covered by Times New Human, for example, like this:</p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs language-css\"> <span class=\"hljs-selector-tag\">unicode-range</span>: <span class=\"hljs-selector-tag\">U</span>+0061, <span class=\"hljs-selector-tag\">U</span>+006<span class=\"hljs-selector-tag\">D</span>, <span class=\"hljs-selector-tag\">U</span>+002<span class=\"hljs-selector-tag\">D</span>;</code></span></pre>\n\n\n<p>But if we do that, then <em>all</em> of those characters use that font, not just the ligature.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"292\" data-attachment-id=\"12340\" data-permalink=\"https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-8-39-50-am/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?fit=710%2C292&ssl=1\" data-orig-size=\"710,292\" 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\"}\" data-image-title=\"Screenshot 2025-05-10 at 8.39.50 AM\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?fit=300%2C123&ssl=1\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?fit=710%2C292&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?resize=710%2C292&ssl=1\" alt=\"A paragraph of text featuring a special new typographic dash.\" class=\"wp-image-12340\" style=\"width:369px;height:auto\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?w=710&ssl=1 710w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.39.50%E2%80%AFAM.png?resize=300%2C123&ssl=1 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" /></figure></div>\n\n\n<p>So I dunno. Like I said this is where I’m stuck. </p>\n\n\n\n<p>I have a hunch there is <em>some way</em> to ship a super small font that only has that ligature in it for web usage and doesn’t affect other fonts you might be using, but that’s not how it ships right now and I haven’t figured it out. It might mean making that ligature an actual single unicode point.</p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"/>\n\n\n\n<p>Also: <a href=\"https://bsky.app/profile/k17.dev/post/3lotcbkxwr22v\">accessibility</a>. </p>\n\n\n\n<p>VoiceOver reads as “am” straight up, which is very awkward. </p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"246\" data-attachment-id=\"12349\" data-permalink=\"https://chriscoyier.net/2025/05/10/the-am-dash/screenshot-2025-05-10-at-8-58-51-am/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?fit=1308%2C314&ssl=1\" data-orig-size=\"1308,314\" 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\"}\" data-image-title=\"Screenshot 2025-05-10 at 8.58.51 AM\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?fit=300%2C72&ssl=1\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?fit=1024%2C246&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=1024%2C246&ssl=1\" alt=\"VoiceOver reading \"This is a paragraph of text am- with a special new dash in it that an LLM would (probably)\nnever generate., selected\"\" class=\"wp-image-12349\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=1024%2C246&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=300%2C72&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?resize=768%2C184&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/05/Screenshot-2025-05-10-at-8.58.51%E2%80%AFAM.png?w=1308&ssl=1 1308w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" /></figure>\n\n\n\n<p>Is that fixable? Would a single unicode point help here? Would <code>\"--\"</code> or even <code>\"dash\"</code> be a better ligature to use instead of “am-“?</p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12332",
"title": "“I’d rather read the prompt”",
"description": "Clayton Ramsey grades student assignments and gets papers that are just obviously ChatGPT output. I think any of us can spot it by now: awkward repetitive prose, heavy on bullet points with bold intro words, wordy, etc. There is nothing to be done about it. As an instructor, I am always saddened to read this. […]",
"url": "https://chriscoyier.net/2025/05/08/id-rather-read-the-prompt/",
"published": "2025-05-09T01:16:15.000Z",
"updated": "2025-05-09T01:16:15.000Z",
"content": "<p><a href=\"https://claytonwramsey.com/blog/prompt/\">Clayton Ramsey grades student assignments</a> and gets papers that are just obviously ChatGPT output. I think any of us can spot it by now: awkward repetitive prose, heavy on bullet points with bold intro words, wordy, etc.</p>\n\n\n\n<p>There is nothing to be done about it.</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>As an instructor, I am always saddened to read this. The ChatGPT rhetorical style is distinctive enough that I can catch it, but not so distinctive to be worth passing along to an honor council.</p>\n</blockquote>\n\n\n\n<p>But still…</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Don’t let a computer write for you!</strong> I say this not for reasons of intellectual honesty, or for the spirit of fairness. I say this because I believe that your original thoughts are far more interesting, meaningful, and valuable than whatever a large language model can transform them into.</p>\n</blockquote>\n\n\n\n<p>Heck yeah. It’s not <em>blah blah finger waggle that’s cheating</em>, it’s that writing is <a href=\"https://chriscoyier.net/2025/02/18/calculators-writing/\">thinking, feeling, and communicating</a> and where all the value is, particularly at school. <a href=\"https://poets.org/poem/student-who-used-ai-write-paper\">What are you trying to be free of?</a></p>\n\n\n\n<p>I love the ending:</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>I have never seen any form of create generative model output … which I would rather see than the original prompt. </p>\n</blockquote>\n\n\n\n<p>Those students had to type something in, and <em>that</em> would be more interesting to see than the slop.</p>\n\n\n\n<p>(<a href=\"https://daverupert.com/2025/05/week-links-2/\">via Dave</a>)</p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12298",
"title": "christopher.org for the next 100 years",
"description": "I’m trying to do right by my old buddy Christopher Schmitt and his digital footprint. You might remember we made a thank-you site for him where people shared memories. That’s hosted on a provided Netlify account, and the code is on a public GitHub repo. Notably the site doesn’t use a custom domain name, which […]",
"url": "https://chriscoyier.net/2025/05/05/christopher-org-for-the-next-100-years/",
"published": "2025-05-05T17:11:12.000Z",
"updated": "2025-05-05T17:11:12.000Z",
"content": "<p>I’m trying to do right by my old buddy Christopher Schmitt and his digital footprint. You might remember we made <a href=\"https://thankyouchristopherschmitt.netlify.app/\">a thank-you site</a> for him where people shared memories. That’s hosted on a provided Netlify account, and the code is on <a href=\"https://github.com/thankyouchristoperschmitt/memories_site\">a public GitHub repo</a>. Notably the site <em>doesn’t </em>use a custom domain name, which I think will actually <em>help</em> the long-term uptime of it. Making sure a domain name is paid for and taken care is a possible failure point. With no extra recurring cost or work here, the domain will work, <em>probably</em>, as long as <em>all</em> hosted sites on Netlify work, which I would guess is quite a long time, even if they sold or whatever.</p>\n\n\n\n<p>Christopher had his own website as well, as a great domain: <a href=\"https://christopher.org/\">christopher.org</a>. It’s a fine example of a personal website featuring a blog and is something of a portfolio of his career. I subscribe to that method of personal site building still. It’s a WordPress site. I take care of it’s hosting and basic updates.</p>\n\n\n\n<p>Fortunately, after Christopher’s death, the ownership of <code>christopher.org</code> made it’s way to his brother David’s stewardship, who had it in a Network Solutions account he had safe access to. That’s good, that means Christopher’s site wasn’t going to disappear for a silly reason like nobody knowing how to access the registrar’s account or lapsed billing. </p>\n\n\n\n<p>But the domain <code>christopher.org</code> is still a possible failure point. Surely David will take care of it for as long as he’s able. But who will steward it after David? Will they know what it is? Will they care? Will their life circumstances allow them to pay for it in perpetuity? </p>\n\n\n\n<p>My guess is that personal websites in this “just keep the archive alive” mode might last a generation after the owner’s death, but probably not two or more. </p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"/>\n\n\n\n<p>The next start of this story is that my friend <a href=\"https://jesses.link/\">Jesse Friedman</a> reached out to me recently. One of the things he works on is <a href=\"https://wp.cloud/\">WP Cloud</a>, which is sort of like meta-hosting. If you wanted to <em>be</em> a WordPress host, you could built it on top of WP Cloud and it would handle a lot of the tech behind it. Automattic’s own <a href=\"https://pressable.com/\">Pressable</a> runs on it, for instance.</p>\n\n\n\n<p>I used <a href=\"https://getflywheel.com/\">Flywheel</a> hosting for a long time. They used to sponsor CSS-Tricks back in the day as well, but I used them long after that. I like their hosting for the most part. But one thing that happened post WP Engine acquisition is that I got a customer rep (or whatever?) who would regularly email me saying my traffic was too high and I was violating agreements and I needed to pay more money, basically. </p>\n\n\n\n<p>I was already on what I thought was a pretty expensive plan. And the account hosted a handful of WordPress sites, all in my opinion <em>pretty low traffic.</em> <strong>Plus, </strong>I had Cloudflare sitting in front of all them, soaking up likely the bulk of the traffic. I just was sick of hearing how I was over traffic limits. I probably technically <em>was</em>, which almost means I think their traffic limits are just too low. (e.g. their $1,150/year plan maxes at 100,000 visits a month)</p>\n\n\n\n<p>Jesse offered to host this site and the handful of others over on Pressable. A generous offer which I could use. I really had to think about it though, as I’ve been turned off lately on the Automattic vs WP Engine fighting. I’ve seen behavior I don’t like on both sides, frankly, and it makes me want to stay out of it. But a few factors influenced my decision. One, it’s WP Engine that was directly annoying me and costing me money, while it was Automattic being generous and helpful. I like to look at what’s right in front of me. Two, and much more importantly, it’s not all about me. This comes full circle as <code>christopher.org</code> gets involved again.</p>\n\n\n\n<p>I could chuck <code>christopher.org</code> on Pressable and it would have a good long life there surely, but now it’s tied to my own future death and legacy plan. Automattic has <a href=\"https://wordpress.com/100-year-domain/\">100-year domains</a> ($2,000) and <a href=\"https://wordpress.com/100-year/\">100-year hosting</a>. ($38,000, includes domain). Jesse mentioned we could get <code>christopher.org</code> onto <em>that</em> as well. </p>\n\n\n\n<p>Ari (Christopher’s partner in life and business), David (Christopher’s brother), and I talked it over and agreed it would be a good plan. </p>\n\n\n\n<p><em>100 years!</em> This is longer than any of us can promise good stewardship of Christopher’s digital footprint. It handles the domain itself, a possible failure point, and the hosting, a separate failure point. </p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"/>\n\n\n\n<p>As I write, this is all done. This site is on Pressable and I find the hosting quite good. The team there, with a special shout-out to Phillip Clapham, did a good job of migrating the sites and then working with me to shore up all the little stuff that inevitably comes up during a hosting move. It was all done with speed and grace.</p>\n\n\n\n<p>I’ll call out a few things in particular that are nice about Pressable:</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>They have actual Git-based deployment, which is something <a href=\"https://chriscoyier.net/2023/09/27/git-based-wordpress-deployment/\">I’ve waved my hands wildly about</a> in the past how it should be a standard feature. </li>\n\n\n\n<li>The OnePress login feature is nice, where you one-click over to the site logged in.</li>\n\n\n\n<li>The little tool they have integrated while moving a site’s domain name over to them is very nice, managing those moves across different hosts/registrars smoothly. </li>\n\n\n\n<li>The traffic handling is decently higher</li>\n\n\n\n<li>You get Jetpack Complete included, which can be a high additional cost if you make use of those features (I totally do). </li>\n</ul>\n\n\n\n<p>The <code>christopher.org</code> move was handled by the <a href=\"https://specialprojects.automattic.com/\">Special Projects</a> team at Automattic, and special shout out there to Christopher Jones who helped manage that. This all happens on WordPress.com, which handles the domain and hosting, and <em>also</em> has Git-based deployment. The fact that these sites are on GitHub too (sans database) is another nice little bonus of extended digital footprint lifespan. </p>\n\n\n\n<p>And Christopher, you should know I got your Grunt build process running again. You’re welcome. But I’m not going to fix those Sass warnings. They are just deprecation warnings, it’s fine. </p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12294",
"title": "jQuery Reunion",
"description": "Looks like they are getting the gang back together for a 20-year reunion. I’m going to try to attend, but no promises just yet. Mr. Richard Worth is throwing it in Dallas, TX. Who’s he gonna get?? The yayQuery gang? Yehuda? Jörn? González? Resig? No names just yet.",
"url": "https://chriscoyier.net/2025/05/01/jquery-reunion/",
"published": "2025-05-01T18:34:38.000Z",
"updated": "2025-05-01T18:34:38.000Z",
"content": "<p><a href=\"https://www.jqueryreunion.com/\">Looks like they are getting the gang back together</a> for a 20-year reunion. I’m going to try to attend, but no promises just yet. </p>\n\n\n\n<p>Mr. <a href=\"https://www.linkedin.com/in/rdworth/\">Richard Worth</a> is throwing it in Dallas, TX. Who’s he gonna get?? <a href=\"https://podcasts.apple.com/us/podcast/yayquery/id340422555\">The yayQuery gang</a>? Yehuda? Jörn? González? <em>Resig?</em> No names just 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=12292",
"title": null,
"description": "P. Martin Ortiz: Web apps can easily adapt to whatever device you’re on. A single responsive website can run on your desktop, phone, tablet, or even a VR headset. What’s even more, they can be updated on all of them simultaneously. That’s a level of flexibility that native apps can’t match. That’s why I feel […]",
"url": "https://chriscoyier.net/2025/04/30/12292/",
"published": "2025-04-30T19:17:06.000Z",
"updated": "2025-04-30T19:17:06.000Z",
"content": "<p><a href=\"https://rogueengine.io/blog/your-app-should-have-been-a-website\">P. Martin Ortiz</a>:</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Web apps can easily adapt to whatever device you’re on. A single responsive website can run on your desktop, phone, tablet, or even a VR headset. What’s even more, they can be updated on all of them simultaneously. That’s a level of flexibility that native apps can’t match.<br></p>\n</blockquote>\n\n\n\n<p>That’s why I feel so protective over the web. It’s clearly the best platform to make stuff. #URLs4Lyfe</p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12288",
"title": "Chilis in Oregon",
"description": "Chili’s is obviously the finest of all the full-service chain restaurants. They are crushing it right now. Imagine my pain living in Oregon where there are 0 (zero) (none) Chili’s. It’s very satisfying to hear their CEO say that they are going to start building new Chili’s again and literally that there are no Chili’s […]",
"url": "https://chriscoyier.net/2025/04/30/chilis-in-oregon/",
"published": "2025-04-30T17:33:43.000Z",
"updated": "2025-04-30T17:33:43.000Z",
"content": "<p><a href=\"https://www.chilis.com/\">Chili’s</a> is obviously the finest of all the full-service chain restaurants. They are crushing it right now. Imagine my pain living in Oregon where there are 0 (zero) (none) Chili’s.</p>\n\n\n\n<p>It’s very satisfying to hear their CEO say that they are going to start building new Chili’s again and literally that there are no Chili’s in Oregon and they can operate here now. GET ON IT Chili’s CEO Kevin Hochman. I recommend my backyard.</p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Chili’s CEO Breaks Down the Changes That Turned the Restaurant Around | WSJ\" width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/ECY7txi92dc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>\n</div></figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"718\" height=\"1024\" data-attachment-id=\"12289\" data-permalink=\"https://chriscoyier.net/2025/04/30/chilis-in-oregon/cleanshot-2025-04-30-at-10-28-302x/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?fit=1496%2C2134&ssl=1\" data-orig-size=\"1496,2134\" 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\"}\" data-image-title=\"CleanShot 2025-04-30 at 10.28.30@2x\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?fit=210%2C300&ssl=1\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?fit=718%2C1024&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=718%2C1024&ssl=1\" alt=\"10:26\nI think we can start building chilies again.\n10:27\nThere are parts of this country there are no chilies,\n10:30\nso there's no chili's in Oregon.\n10:32\nWe don't have as many chilies in California in some states that traditionally we thought were more expensive to be able to operate in.\n10:37\nBut now that we're a much healthier concept with better for economics,\n10:40\nwe can operate in those states now.\" class=\"wp-image-12289\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=718%2C1024&ssl=1 718w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=210%2C300&ssl=1 210w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=768%2C1096&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=1077%2C1536&ssl=1 1077w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?resize=1436%2C2048&ssl=1 1436w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/CleanShot-2025-04-30-at-10.28.30%402x.png?w=1496&ssl=1 1496w\" sizes=\"auto, (max-width: 718px) 100vw, 718px\" /></figure>\n\n\n\n<p>I wrote to them about a perfect location here in Bend and it’s looking <em>pretty good</em> folks.</p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1002\" data-attachment-id=\"12329\" data-permalink=\"https://chriscoyier.net/2025/04/30/chilis-in-oregon/screenshot-2025-05-08-at-11-08-04-am/\" data-orig-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?fit=1040%2C1018&ssl=1\" data-orig-size=\"1040,1018\" 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\"}\" data-image-title=\"Screenshot 2025-05-08 at 11.08.04 AM\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?fit=300%2C294&ssl=1\" data-large-file=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?fit=1024%2C1002&ssl=1\" src=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=1024%2C1002&ssl=1\" alt=\"Chris,\n\nWe certainly appreciate you taking the time out of your day to provide us with your feedback. We have forwarded your comments for review.\n\nGuest feedback is vital to our success and we will use your comments to improve.\n\nThank you for your interest in Chili's.\" class=\"wp-image-12329\" style=\"width:501px;height:auto\" srcset=\"https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=1024%2C1002&ssl=1 1024w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=300%2C294&ssl=1 300w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?resize=768%2C752&ssl=1 768w, https://i0.wp.com/chriscoyier.net/wp-content/uploads/2025/04/Screenshot-2025-05-08-at-11.08.04%E2%80%AFAM.png?w=1040&ssl=1 1040w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" /></figure>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12284",
"title": null,
"description": "It’s interesting to hear directly from Mozilla’s CEO Laura Chambers on the U.S. search engine monopoly case Google lost: Some of the remedies proposed in the case risk the future of our Firefox browser and Gecko browser engine—the last remaining non-Big Tech browser engine. Read: “If one of the remedies is Google is no longer […]",
"url": "https://chriscoyier.net/2025/04/29/12284/",
"published": "2025-04-29T14:35:50.000Z",
"updated": "2025-04-29T14:35:50.000Z",
"content": "<p>It’s interesting to hear <a href=\"https://blog.mozilla.org/en/mozilla/internet-policy/mozilla-ceo-on-google-antitrust/\">directly from Mozilla’s CEO Laura Chambers</a> on the U.S. search engine monopoly case Google lost:</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Some of the remedies proposed in the case risk the future of our Firefox browser and Gecko browser engine—the last remaining non-Big Tech browser engine.</p>\n</blockquote>\n\n\n\n<p>Read: “If one of the remedies is Google is no longer allowed to pay to be a default search engine in other companies browsers, we’re hosed.” </p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>The outcome of this case isn’t just about one company, it’s about the future of the internet and the stakes couldn’t be higher. </p>\n</blockquote>\n\n\n\n<p>Agreed. This is massive. Losing Firefox means losing one of the few remaining browser <em>engines</em>, where we need that ecosystem diversity to remain healthy. Losing Firefox means making Google <em>more</em> of a monopoly in many ways, not less. </p>\n\n\n\n<p>I’m kinda hoping for <a href=\"https://daringfireball.net/2025/04/is_chrome_even_a_sellable_asset\">the do-little outcome Gruber laid out</a>:</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>I think the contract between Google and Apple for TAC is currently like this:</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong><em>Google will pay Apple $X per web search that goes to Google from Safari, and Apple will make Google the default search in Safari.</em></strong></p>\n</blockquote>\n\n\n\n<p>After the dust settles on the DOJ case against Google, it might look like this:</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Google will pay Apple $X per web search that goes to Google from Safari, but Apple is under no obligation to make Google the default search in Safari.</em></p>\n</blockquote>\n</blockquote>\n\n\n\n<p class=\"has-small-font-size\">(TAC = Traffic Acquisition Cost)</p>\n\n\n\n<p>We can legislate a better web, but let’s do it in a way that protects choice and privacy, not in a DOGE-y chainsaw-y way. </p>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
},
{
"id": "https://chriscoyier.net/?p=12276",
"title": "Mars",
"description": "Fun rant from By Albert Burneko on how we just ain’t colonizing Mars, ever. The South Pole is around 2,800 meters above sea level, and like everywhere else on Earth around 44 million miles closer to the sun than any point on Mars. It sits deep down inside the nutritious atmosphere of a planet teeming with […]",
"url": "https://chriscoyier.net/2025/04/28/mars/",
"published": "2025-04-28T17:08:11.000Z",
"updated": "2025-04-28T17:08:11.000Z",
"content": "<p><a href=\"https://defector.com/neither-elon-musk-nor-anybody-else-will-ever-colonize-mars\">Fun rant</a> from By Albert Burneko on how we just ain’t colonizing Mars, ever.</p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>The South Pole is around 2,800 meters above sea level, and like everywhere else on Earth around 44 million miles closer to the sun than any point on Mars. It sits deep down inside the nutritious atmosphere of a planet teeming with native life. Compared to the very most hospitable place on Mars it is an unimaginably fertile Eden. Here is a list of the plant-life that grows there: Nothing. Here is a list of all the animals that reproduce there: None.<br></p>\n</blockquote>",
"image": null,
"media": [],
"authors": [
{
"name": "Chris Coyier",
"email": null,
"url": null
}
],
"categories": [
{
"label": "Uncategorized",
"term": "Uncategorized",
"url": null
}
]
}
]
}