Chris Coyier

网页匠人、博主、作者、演讲者。

使用 Nectar 床的经历

Chris Coyier 自述购买 Nectar 床具的一次"踩坑"经历：被免五金竹制床架广告吸引下单，收到后发现自己订的床品尺寸不对，床架又要等约 6 周，怀疑床垫也发错。联系客服时被 AI 挡住，但坚持要求人工后很快得到回应——对方建议更换床架颜色以便立即发货，并给出床品退货标签；床垫方面因他没拍证据被拒退换，结果后来拆开包装发现床垫尺寸其实正确，对方判断是对的。最终新床品和床架较快到货，还补偿了少量金额。整体产品本身没问题，只是 AI 客服的必要性让他开始质疑"人其实可以做很好的客服"，AI 反而成了障碍。

收藏1 天前

树林里的班卓琴

Chris Coyier 和朋友 Adam 去露营，Adam 发了博客记录并附上刚到营地时弹的班卓琴视频。Coyier 把同样的几首歌剪成更短的片段拼在一起分享。内容是个人露营日常和音乐随笔。

收藏5 天前

磨刀

Chris Coyier 记录自己给双立门刀具找磨刀服务的体验：买了个 HORL3 磨刀器不好用，于是花 25 美元找街边磨刀摊磨了 4 把刀，结果只是"稍微好一点"，并没有回到锋利状态。他对比车里一套很少用的 REI 刀具，那些反而很锋利，于是困惑到底是刀本身差、磨得不够彻底、还是磨刀师傅水平有限，自己也不清楚。整篇像生活随感，偏个人吐槽，缺少技术结论或可复制方法。

收藏6 天前

贝斯

Chris Coyier 分享了自己六月在 Facebook Marketplace 上买下一把半尺寸（1/2 size）站姿贝斯的经历。卖家 Kay 标价 800 美元，是疫情期间没成行的项目，Coyier 没有还价就买下了。他吐槽 Craigslist 设计老旧、诈骗多但仍有人坚持使用；买这把贝斯是因为他本来已能应付 Americana 风格的贝斯演奏，现在有了自己的琴可以练习，而且作为不常见的乐器，在 jam session 或音乐节上会让他感觉更受欢迎，也可以随手留下让别人拿起来弹。文章整体是轻松的随笔风格，信息量不高，主要价值在于作者个人体验和随性吐槽。

收藏7 天前

Chris Coyier 谈 CSS-Tricks 被 DigitalOcean 收购后的近况：站点命运尚不明确，希望它保持在线，也认可作者署名长期价值；他支持让社区继续健康运转，并认为把网站当作漏斗获客而非直接赚钱的模式较合理；对 LLM 训练相关支出表达了不满，称愿意与相关方沟通，但自认没有内幕。整体是一篇带有个人立场与担忧的轻量评论，对关注独立技术内容平台生存压力的读者有共鸣点。

收藏10 天前

我将参加 Axe-Con 2027

Chris Coyier 宣布自己将作为 keynote 嘉宾参加 Axe-Con 2027，这是全球最大的数字可及性（digital accessibility）线上活动，时间为 2027 年 2 月 23–27 日。他与 Global Accessibility Awareness Day 联合创始人 Jennison Asuncion 同台，预计还有 70 多位其他演讲者。内容极短，属于个人活动预告，信息增量有限，面向关注可及性领域的读者有轻度价值，但缺乏深度讨论入口。

收藏12 天前

牛油果三合一神器

<figure><img src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0136.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="A hand-held kitchen tool with a green grid top and a black handle, designed for slicing or mashing fruits or vegetables."></figure>我记得我是在某个超市的端盖上买的。神奇之处在于它能完成所有三项倡导任务：<ol> <li>把牛油果切成两半（小刀）</li> <li>把坑（带牙齿的凹槽）取出来</li> <li>把牛油果切成片（用烤肉架的方式）</li> </ol>太棒了！一体成型！我的评价：其实我挺喜欢的。我做这份工作时会去拿它。但我给好几个人看过，他们几乎有强烈的反应。他们根本解释不了;他们就是：不行。我真的把它递给了一个准备切鳄梨的人，他们却说不用了，谢谢，刀在这儿。缺点是：<ul> <li>牛油果必须非常成熟才能让它发挥作用（如果你准备做这个任务，牛油果应该已经成熟了）。</li> <li>这个装置立刻变得脏，比刀或勺子更难清洗。它必须立刻放进洗碗机。</li> </ul>

收藏14 天前

哪种"无礼"？

Chris Coyier 以自己常去的 Bend/Redmond 小机场为例：凌晨航班让旅客排长队买咖啡，他因内心无法让后面 20 多个人等自己那一杯 3 分钟才做完的拿铁，只能点 3 秒出杯的滴滤咖啡。由此他提出"无礼三问"——对方到底是不知道这无礼、不在乎这无礼、还是不认为这无礼？他认为三种心理比例差不多，比如点 mocha 的人可能只是没往"给别人添麻烦"上想，也可能"轮到我就点"，也可能觉得让商家少做单不是反馈问题的正确方式。最后他类比到"有人坐在后排我就不敢靠椅背"，并引用 Marcel 的"邻居类型"类比收尾。整体是一篇带强烈个人色彩的生活随笔，观点清晰、有可争论的道德判断入口（无礼感来自无知还是不在乎还是价值观分歧），但主题偏日常小场景，技术讨论深度有限。

收藏15 天前

标签页重要性的四个层级

是有史以来最棒的网页浏览器，但不幸地被纽约浏览器公司（现成Atlassian）取代了。不过我最近一个月左右又重新开始用了。它依然非常实用，因为他们会保持Chromium版本的更新。我真的很喜欢它。太好吃了。我第二喜欢的是因为它很好地继承了Arc的脚步。但我正尝试跳转到，算是某种弧线替代品，因为看起来这才是重点。 但真的是这样吗？！我看不出来说实话，Dia也没看过。不过他们似乎把Arc的一些优秀人物带到了Dia，所以我觉得值得一试。已经有很多我不喜欢的纸切题，但我得给自己一些时间，所以暂时不会深入挖掘。现在我只想解释一件事，我认为是Arc真的说得太棒了:标签层级。是算是吧就像一个四级系统。<h2>1）置顶标签</h2>这些仅限 Favicon 的按钮是所有标签页中持续存在的空间。它们的位置和普遍性使它们或许成为最高级别标签。有一段时间我脑子里以为Arc“保持这些标签开着”，意思是如果你点击其中一个标签页，它已经渲染好了，所以页面加载时不会感觉到延迟。 不太确定这是真的，但如果是真的就酷了（而且效果非常好，显而易见）。<figure><img src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/Screenshot-2026-09-15-at-2.26.08-PM.png?resize=1024%2C738&quality=80&ssl=1" alt="A user interface displaying a tab selection area with icons for GitHub, CodePen, and various other tools, alongside a sidebar featuring folders labeled Standard, CodePen, Admin, API, and Pull Requests."></figure>这些图标是有点小这会稍微降低他们的知名度，但我仍然认为他们是顶尖。印度的问题：Dia有这些，但有专属配置文件的，这让我觉得这破坏了层级体系。如果它们没有普遍存在，为什么还要有？<h2>2）顶级标签？重要标签？</h2>我真的不知道该怎么称呼它们，但它们在层级中也很靠前，可能和那些置顶标签的标…

收藏15 天前

不到 120 美元的走步机，我买了之后有点怀疑人生

我下单买了一台办公桌下跑步机。根据初步调研，GoPlus还算不错。我本来指望价格在300到400美元之间，结果只要119.99美元。 便宜得让我有点担心，生怕是劣质货，但我还是狠下心买了。快递只用了两三天就到了，而且……还挺不错的？<figure><img src="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2026/09/IMG_0091.jpeg?resize=768%2C1024&quality=89&ssl=1" alt="A modern home office setup featuring a standing desk with two monitors, a microphone mounted on an arm, a camera on a tripod, and a treadmill on the floor."></figure>他们估计是在清库存吧，因为这价格实在有点难以置信。要不等几个月后再问我吧。

1 条评论

收藏19 天前

我听完了这个播客！（用户体验需求）

I’m a good 50/50 split on music and podcasts while I’m driving. So lots of podcasts! I love them! I use Overcast, and it’s got a decent CarPlay app. So I see this screen a lot: It shows 3 podcasts I’v...

收藏20 天前

46

It’s my birthday! Well, it was a couple of days ago. I was busy. Here’s an element that I made all by myself. People that make things interesting are so cool. I’m super down to go to a Renaissance Fai...

收藏31 天前

Clips from Hacker News Thread

Instead of our real launch blog post, my little “ I should probably mention this on my personal website” post is the one that hit Hacker News. Nevertheless, people got the message. What I loved about ...

收藏50 天前

Outburst

Just had a little trip up to my favorite city of Juneau, Alaska. So lovely. Here’s just one story from the trip. There is a Big Thing going on there right now which is essentially an impending flood t...

收藏55 天前

Email from Apple: We’re reaching out to let you know that the iPhone Upgrade Program is coming to an end. Thank you for being a loyal member. Awwww. Sad trombone. I’ve been on this program for as long...

收藏62 天前

CodePen 2.0 上线故事与新增功能

值得一提的是，我人生中最大的个人职业成就——。令人难以置信的是，这项成果所付出的努力，远远超过了最初创建CodePen的全部工作量。这里并不是详述我们具体做了什么、以及为何这样做的合适场合。如果你对此感兴趣，不妨去看看我们的或页面。相反，让我们来分享一些关于上线首周的故事。<ul> <li>当时，我正和一位从未谋面的人一起制作一个演示项目。这个项目最初是基于他们的（经典）Pen开发的。他们需要导入一些其他JavaScript代码，于是便使用了3个Pen，并将另外两个Pen中的JavaScript代码整合进主演示中。此外，他们还需要一个npm包。我作为共同编辑者，为Pen添加了，并且还为配备了工具，这样我们就可以随时一起协作完成开发。我把JavaScript代码移至主Pen的文件中，因为那样处理起来要方便得多。而npm的则被放置在<code>package.json</code>文件中，便于轻松进行版本管理。我们俩都根据自己的喜好对代码进行了精心整理与优化。</li> <li>（大卫和肖）在上线当天重聚，并一同完成了的开发。他们还利用了邀请功能，以及。两人合作数小时，虽然偶尔会出现一两个小问题，但都不算什么大问题，整个过程进展得非常顺利。我最喜欢的一幕是：他们共享了Pen的，因此当他们正在开发时，我们也能亲自玩转这个演示项目。</li> <li>在准…</li></ul>

收藏62 天前

Choosing Movies

Almost surely, if you totaled up the number of hours of movie watching I’ve done and the hours of TV show watching I’ve done, TV dwarves movies. It’s not a conscious choice; just how it shook out for ...

收藏80 天前

How You Get the Mentos into the Diet Coke

Did you think this was gonna be some grand metaphor blog post? Nope. You probably know: if you put Mentos in Diet Coke, it makes the carbonation go crazy and fizz shoots out of the bottle. It’s a “sci...

收藏106 天前

If You are Asking for Human Attention, Demonstrate Human Effort — Tom Bedor. There’s a bit of a blog post that goes with it, but the title really says it all. Pairs nicely with Dave’s I don’t want a s...