Zine#44

作者的 4 岁的女儿，有时会在他出门的时候跟他说，「Remember to buy strawberries!」。女儿这么做，或许只是希望让他开心。

一篇可爱的文章。

作者做了一个图片页面，展示他最近的照片，从中可以一窥作者的生活。看起来不错，像是定期给生活做了一次图片快照，每张图片都有一些说明，比看图片库有趣一些。某种程度上看，有点像是朋友圈？或者图片形式的 Now 页面。

See also：相册 by 读写错误

记录了作者手指受伤的一段经历。

It’s good to get a little hurt every once in a while, C said.

Source

偶尔生点病、受点伤或许是件好事，它会让我们警醒，关注自己的身体，记住有一个健康的身体是件珍贵、幸福的事情。

因为那样的话，你可能正在厨房里为工作准备午餐，而他们会说：「天哪。你把剩下的印度香饭装进一个小小的特百惠盒子里？然后你把它放进你的小饭盒里带去上班？那真是太可爱了。天哪。你太可爱了。」

在早上 7:30 做一些完全无聊和正常的事情，能得到别人的赞美，感觉真好，仅此而已。

Source

自己也可以去成为这样的人，就像 Zine#42::Become the person that you would like to be around | postcards by hasif 里说的。

作者是一位盲人，一天出行他的钱包掉了，只能跪在地上摸索，他很耻辱也慌张。人群穿行而过，没人帮助他。后来出现了一个人，他帮作者捡起了钱包，并给了他一个坚实而宽容的拥抱，带他脱离的困境。

很温暖的一个故事，推荐看原文。

世界上有很多人会径直走过一个跪着的人。但有时，如果你非常非常幸运，你会遇到那个会停下来，会抱住你，会给你一个安静的地方让你重新振作起来的人。

Source

我也希望在困境中会遇到这样一个人，我也希望能成为这样的人。

作者最近又分享了一个他去帮助一个聋人的故事：A Bridge Made of Ableism.，作者虽然看不见，但他能听见、能感受到，从文字里能看到作者对于周围非常细腻的感知。

作者在网站订披萨，网站提供了一个优惠码，但作者输入之后发现没用。

面对这样的事情，我想大多数人都是生气的，或许会打电话投诉，找客服可能也是充满了怒气。

但作者打电话给客服，他是这么说的：

「嗨，布伦达，」我说，我的声音温暖而平静。「我叫罗伯特。我知道你的一天可能是一团糟，充满了愤怒的人，所以首先，谢谢你接电话。我保证不喊叫。」

Source

沟通很顺利，最后作者得到了一个更大的优惠。

很佩服作者的同理心，如果我是那个客服，我也会很乐意帮作者处理他的问题。

推荐看看原文故事，喜欢作者的文笔。

这里，业余者犯了一个关键错误。他们大喊大叫。他们提出要求。这是不对的。不要攻击对方，而是让对方放松。同理心会让你走得很远。

Source

Simple things should be simple, complex things should be possible.

让简单的事情保持简单，复杂的事情变得可能。

⸺ Alan Kay

一篇关于用户体验不错的文章。

出门散步，拍照，寻找一种颜色，感觉是个不错的活动，或许周末可以尝试一下。

作者散步到一个地方，发现了一个美丽的角落，平时多观察，或许你也会看到世界给你变的一个小小的魔术。

有太多美好的事物等待我们去发现 ⸺ 即使就在我们身边。

我们只需要保持开放的心态和视野。

世界充满了魔力，只要我们用心去发现。

Source

公共图书馆的福音，很喜欢作者的文笔。

看完之后我也把我的鼠标大小调大了两级，鼠标更容易看到了，以前还会有时找不到鼠标在哪。

可能是人老了，越来越喜欢大的东西，字体、鼠标……，大一些看起来不那么费劲。

一直盯着屏幕娱乐放松，不会让你真正得到休息，刷视频还是会费脑子。

去培养一些爱好，运动、散步、拼拼图、听歌，远离屏幕，让身体动起来，做一些不怎么需要消耗脑力而是消耗体力的事情，或许会休息得更好。

最佳的放松方式并非消费，而是创造。

Source

我昨天读到一篇文章，说人们平均每天花在手机上的时间是 4 小时 37 分钟，其中南非人以惊人的 5 小时 11 分钟位居世界第四。

这个数字在我看来真的很高。如果我们假设人们每天大约睡 8 小时，那意味着他们一天中有三分之一的时间花在手机上。如果我们再假设人们每天工作 8 小时（忽略他们可能在工作时间使用手机的事实），那这表明人们将超过一半的空闲时间（甚至高达 65%）都粘在屏幕上。

Source

我上周平均屏幕使用时间接近 4 小时，除了 4 小时的手机屏幕，我对着电脑屏幕的时间大概也很多。有时打开手机不知道做什么，但又不想放下，漫无目的的在几个 APP 中切换，浪费着时间。还是要有意识的减少对手机的依赖。现在尝试的一个办法是将屏幕设置成黑白，确实会不太想玩。

作者在文章中也分享了一些他的解决方案，可以看看。

文章分析了人们沉迷在屏幕、网络、社交媒体等的现状，并认为应该远离它们，远离这些喧嚣，找到内心的平静，投入到自己的生活中。

归根结底，每个人都必须回答一个问题：他们希望自己的生活有多少是属于自己的。

Source

作者分享了一些远离屏幕时可以做的事，其中一个我很喜欢：

欣赏音乐。躺在沙发上，从头到尾听完一整张专辑，除了听什么都不做。

Source

认真听一张专辑，会发现里面放多的细节，沉浸在旋律里，也很让人放松。不过也很久没这么做了，总是一边做着别的事情，一遍听着音乐，在听，但又没在听，心不在音乐上。

变老是一件缓慢的事情，缓慢到你很长时间里都察觉不到，然后突然某一天，看到自己身上的变化，你会感到很惊讶，原来你已经变老了。

老去只是走近死亡，而不是死亡，尽管剩下的时间不多，但也要认真地活。

经常会听到一些人说，觉得年轻时、小时候时间过得慢，长大后时间过得很快。

我也听过一些解释：

1. 一年对于六岁小孩来说是六分之一；一年对于三十岁的成年人来说三十分之一，所以相同的一年，越长大会觉得越短，时间过得越快。
2. 小时候什么都是新奇的，对什么都好奇，感觉一天里填满了有趣的东西，一天似乎很长；长大后，大多是不断重复的生活，一天里有趣的东西少了，感觉一天什么都没做就结束了。

对于 1，我们无能为力，每个人都在不断走向死亡。

对于 2，可以想办法让生活多一些不一样的东西；花时间认真的感受身边的事物，活在当下，而不是三心二意地同时坐着好几件事。给生活多一些关注，这些刻意的投入，或许会让人感觉时间流逝的慢一些。

童年的魔力不在于年轻，而在于我们活在当下。

时间之所以感觉慢，是因为我们全身心投入其中。我们仔细观察，深入感受，活在自己的经历中，而不是置身事外。

好消息是？你不需要回到过去来找回这种感觉。你只需要重新开始留意生活。

因为当你这样做时，时间会拉长。日子重新有了质感。生活，再次感觉像是你正在经历的。

Source

精彩的文章，追溯了 QWERTY 和 Dvorak 的发展历史，非常推荐一看，文章排版很好。

正如 Carl Svensson 在 Past and Present Futures of User Interface Design 里说的 ⸺ 「真正的新范式确实会不时出现，大多是出于必要。(Source)」

QWERTY 能成为主流，一直延续下来，有用户惯性、路径依赖 方面的原因，但也是因为有其存在的必要性。 QWERTY 很好地解决了当时打字杆碰撞的问题，它或许不是最快的，但对大多数人而言，它已经足够好了。

我曾经也尝试过 Drorak 布局，打字是真的很爽，但是当我需要去同事电脑上打字时，肌肉记忆就让我无从下手了。最后我还是换回了更通用的 QWERTY，它够用了。

读完一本书，可能看完，大部分细节都忘了，所以总想着做一些摘抄，要求自己写读后感，但写起来对我来说还是有些困难，于是不想写，因为不想写，可能也不想看。

再次引用 Zine#42::Read to Forget | Mo's Blog，何必那么纠结，忘了就忘了吧。

就像 Ruben Verveij 在 I'd like to be better at book reviews 里写的：

正如我祖母常说的那样：如果你现在记不住，那它一开始肯定也没那么重要。

Source

我还想起了两句话：

Jonathan Edward Durham 说的：

如果你仔细想象，最好的书，真的就只是极其漫长的咒语，会让你在剩下的日子里变成另外一个人。

以及 Jim Nielsen 说的 You Are What You Read, Even If You Don’t Always Remember It。

去 享受阅读，不用强求从中收获什么，不如先读万卷书吧。

作者分享了一些他做 Presentation 的经验。

非母语者表达上可能会更简单直接一些，这在做报告时反而是一个优势，因为可以降低听众的认知负担，让他们更容易接收传达出来的信息。

这个网站收集了来自世界各地陌生人拥抱的自动播放视频。

看着一个又一个的人给你拥抱，还是蛮温暖和感动的。

今天过得不顺心吗？嗯，我也曾有过这样的经历。有时候，一点点振奋人心的东西都很难找到。所以，来这里把悲伤变成快乐，把快乐变成庆祝吧。因为在像今天这样的日子里，这里是一个值得一来的好地方。

这个专辑分享页挺好看，作者把专辑封面做得像版画，不知道他是如何制作的。

我也参考做了一个简单的 Album Wall，罗列我目前分享的所有专辑。

作者参加了一个拼贴画活动，看起来蛮有趣的。

感觉和 Zine#43::Weird Web October 挺像的，一种命题创作。

作者给博客加了一个万圣节主题，很多细节：例如指针样式、图片的闪烁、字体、屏幕上飞行的蝙蝠……有趣！

我在 11 月 1 日也抄了作者的样式，更新了博客的主题，不知道你有没有恰好看到，哈哈哈。万圣节已经过去了，这些样式第一次看可能觉得新奇，时间久了就有些干扰阅读了，现在我已经恢复了。

在做这个主题的时候，我尝试了 @layer 的形式对样式分层，将样式拆成了 @layer base 和 @layer halloween 。通过 @layer base, halloween; 声明，让 halloween 的优先级更高，从而实现样式的覆盖。

但根据 @layer 的优先级顺序，Unlayered (不使用 @layer 声明的样式) 的样式是比 @layer 的样式层级更高的。有一些第三方的样式，如 littlefoot、pagefind，它们是 Unlayered 的，而我覆盖它们的样式定义在了 @layer base ，导致这些覆盖的样式优先级比第三方样式优先级低，而无法覆盖。或许需要将覆盖第三方样式的部分从 @layer 中再拆分出来才行。

@layer 用于组织自己能控制的样式是蛮好用的，可以很容易地控制样式的优先级，但涉及到第三方样式就会有些麻烦。

最后我放弃了 @layer 的实现，将万圣节主题单独定义在了 halloween.css 中，并在基础样式之后引用，从而让它覆盖基础样式。

以后的特殊节日也可以考虑改变一下博客的样式，会给人一些节日气息和新鲜感，让人会心一笑。

如果在一个曾经的核燃料池（池底还有废弃的核燃料）里游泳，在什么位置、停留多久是安全的？结论是，只要不作死潜到池底，在水面还是安全的。

但为了确保万无一失，我联系了一位在研究反应堆工作的朋友，问他如果你试图在他们的辐射防护池里游泳，他认为会发生什么。

「在我们的反应堆里？」他想了一会儿。「你还没到达水面就会死了，死于枪伤。」

Source

_​(:3 」∠)_

画一朵可爱的花，种在花园里。

和之前分享的 Zine#41::Draw a Fish 有点类似。

「活到老学到老 (Every day is a school day)」是一个我将尝试去证明的陈词滥调。

今年十一月，我计划每天至少在我的博客上分享一件我当天学到的东西，我称之为 #TILvember。

如果你想加入，请随意。学习一些东西，任何东西，并与世界分享！在你的博客上，在社交媒体上，或者只是写在一张纸上，然后塞进邻居的信箱里。

除了 TILvember，还有 Blaugust、Zine#43::Weird Web October，九月大概也有什么我不知道的活动吧。感兴趣可以参加一下。

每年一度的三文治日。

根据 CSS 去猜电影，蛮有趣的。

首先：

• 不用费劲比较各种博客平台，直接用 HTML 写，写一篇真正的文章，而不是 Hello World
• 搞一个域名，把 HTML 丢到服务器上，BOOM！你就拥有你的个人网站了！

以上就是最难的部分。

接下来：

• 写点 XML 制作你的 RSS，让别人可以订阅你
• 做一个索引页
• 继续写点文章
• 做点样式调整，一次只改一种样式

至此，你应该已经轻车熟路了。

对于那些宁愿构建或依赖自动化系统的工程师来说，手动制作这样的网站可能看起来很傻。但似乎并没有那么多东西需要自动化，不是吗？

许多现代解决方案可能不会节省时间，反而会增加复杂性，并让你过度依赖不必要的工具。整个过程并没有那么复杂。

手动操作并不难。

难的是如何交付。

Source

See also:

• Zine#13::HTML is for people
• The least amount of CSS for a decent looking site by Kevin Powell
• 我的博客设计

如何成为博学多才的人：

• 保持好奇心，强烈的、旺盛的好奇心
• 听比你聪明的人讲话（播客、TED 演讲之类）

• 阅读，阅读不同体裁的书籍

  不要只看实用性的书，看点小说、故事、诗歌

  非虚构作品的肮脏秘密在于，其中大部分内容都可以写成一篇博客文章。
  
  这些书遵循一个模板：
  介绍一个反直觉的发现，讲述三个说明该发现的轶事，提及一些研究（p < 0.05，这是必然的），
  提供一个带有易记首字母缩略词的框架，最后给出可操作的建议。
  把这些内容扩展到 250 页，加上一些图表，你就得到了一本畅销书。信息密度极低。
  没有复杂的思想体系需要传授；你只是在学习重复一些听起来有趣的事实。
  
  小说（相比之下）则将真正的复杂性偷偷植入你的大脑。
  当陀思妥耶夫斯基花费五十页篇幅让拉斯科尔尼科夫为自己的谋杀行为辩解时，
  你正置身于一个试图通过理性走向暴行的头脑之中。
  你对人类的合理化行为的理解，是任何格拉德威尔的书都无法教给你的。
  这些知识是嵌入在语境、情感和矛盾之中的。
  
  它无法被简化。
  
  Why Stories Make You Smarter Than Self-Help Books by JA Westenberg
  

  自助书籍的运作前提是，智慧可以通过指导来系统化和传授。但智慧抵制系统化。它是对太多变量的模式识别，无法计数。它知道规则何时适用，何时不适用。小说通过迫使你在没有明确答案的情况下驾驭道德和社会复杂性，来训练这种能力。没有「关键要点」部分，因为生活没有关键要点。

  Why Stories Make You Smarter Than Self-Help Books by JA Westenberg

• …

Uses This 是一个极客访谈系列，采访各行各业的人们，了解他们如何完成工作、都使用什么工具。

• 不要只审查差异

  大多数最有影响力的代码审查评论与差异部分本身关系不大，而是来自于你对系统其余部分的理解。

  Source

• 只要实现方法是可接受的，就不要用「我会怎样写？」的视角来审查。代码审阅不是你向同事强加个人品味的场合。(同事可能会想「你在教我做事啊？」)
• …

页面上有两个并列的按钮， 其中一个被选中，但它们的样式有时会让人分不清哪个是选中的状态，往往得操作一下才能搞清楚。 Switch 组件也是类似的，也容易让人分不清当前激活的状态是哪个。

在设计时，要考虑到这个问题，尽可能让它们容易区分选中状态。

文章比较了两种导入 JSON 内容的方法。

fetch 在出错时，可以获取 response.status 得到更详细一些的错误信息，当对象不被引用时，也可以被垃圾回收。当只需要用 JSON 文件中的一小部分字段时，fetch 是更好的选择。

如果 JSON 文件大部分内容都需要用到，且会导入多次，可以考虑 import，因为 import 每次都会返回相同的对象，且会被缓存。

值得一看的 Section Layout 技巧，用到了 @container、:has()、clamp()、grid 等，实现了很好的响应式布局。通过文章学习一些现代 CSS 特性的应用也是不错的。

文章讲解如何利用 linear() 实现自定义的 缓动函数，通俗易懂。

域名发展简史。

为了验证什么技术栈在移动设备上表现最好，开发团队最终将同一个 App 构建了 10 次用于验证，佩服。

流行的，广泛被采用的技术栈不一定是最合适的，实践出真知。

关于 CSS layout 的详细介绍。

See also: Learn CSS Layout by Mikito Takada.

结合 opacity 和 animation，可以在资源未加载好时短暂隐藏一些元素。由于都是通过 CSS 实现的，而不是 JS，不用担心 JS 加载失败造成影响。

通过同时给父子元素设置 transform，一些效果相互抵消，作者实现了一个旋转动画。

如题。

教你如何给网站添加 view transitons，实现不错的过渡效果，一个比较全面的介绍。

网站收集了不同人使用 AI 的方式。

一篇很详细的 AI 使用经验。文章比较长，不过行文相对轻松，排版也不错，还是容易看下去的。

「它的理念是 ChatGPT 将成为你的代理，但实际上你才是 ChatGPT 的代理。」

Atlas 不一定能帮你完成任务，但你在 Atlas 浏览的一切可能都会成为 Atlas 训练资料的一部分，有的网页可能凭借 ChatGPT 本身无法访问，但你用 Atlas 给它开了个后门，你浏览，它「偷看」，你带它去了它原来无法进去的地方。

Atlas 如影随形地跟着你，为你建立一个完整而全面的监控档案，一个更清晰具体的用户画像，无法想象它们收集的数据多么深不可测。

很多集成了 AI 的应用，也是有类似的问题，要注重自己的隐私和数据。

我不喜欢所有东西都联网，我也不喜欢所有东西都有 AI。

A dream you dream alone is only a dream.

A dream you dream together is reality.

Don't hate what you don't understand.

War is over! if you want it.

手写激活了涉及运动、感觉和认知处理的更广泛的大脑区域网络。打字涉及的神经回路较少，导致更被动的认知参与。尽管打字在速度和便利性方面具有优势，但手写仍然是学习和记忆保留的重要工具，尤其是在教育环境中。

Source

See also: Pen and paper are superior to your AI bullshit. by Maaike Brinkhof

或许之后的博客可以尝试手写 (≖ᴗ≖๑)

在火、轮子或烤布里奶酪出现之前，人类最早发明的东西是信任。

信任村里的其他人。信任自己能睡个好觉。信任自己所听到的都是真的。

Source

要真正理解一个概念，你必须在某种程度上「发明」它。理解并非来自被动的内容消费。它总是自我构建的。这是一个主动的、高能动的、自我导向的创建和调试你自己的心智模型的过程。

用 LLM 写代码对我来说就是如此，尽管 LLM 很好的帮我完成了任务，但它是怎么实现的，我还是需要读一遍代码，建立这段代码的心智模型，我才能说我理解了这段代码，知道它做了什么，做得对不对。

我今天早上 关于 Marimo 收购 的文章是「今日所学」（TIL）的一种变体 ⸺ 我对收购方 CoreWeave 知之甚少，所以我四处查阅以解答自己的疑问，然后将所学写成了一篇短文。如果你喜欢，可以称之为「好奇心驱动的博客」。

一种不错的写博客的方式，对什么东西好奇，就想办法弄明白它，而博客文章可以作为结果的一个记录。

谈到这次挫折，D'Angelo 后来表示：「 创作瓶颈的问题在于，你非常想写歌，但歌曲却不是那样写出来的。它们源于生活。所以你必须生活才能创作。」

Source

See alos: Album#6 - Voodoo

但确实感觉「浏览器」正经历着与「手机」类似的重新定义过程。

「电话」曾经是这样一种设备，它能让你和那些不在你耳边的人通话。

如今它们不仅能做到这些，还能完成无数其他功能：让你听音乐、看视频、点披萨、转账、寻觅爱情、租度假屋、被激进化、购买内衣、拍照等等。

然而，尽管增添了所有这些功能，我们仍然称它们为「手机」。

也许我需要重新定义我所说的「浏览器」的含义。

Source

当你整天都在推着巨石上山，次日回来却发现石头又滚回山脚时，晚餐自然会想吃披萨配啤酒，而不是豆腐糙米饭。

Source

Damn，说的太对了。

• 这张专辑开始周杰伦从暑假消失了?丨11 月的萧邦二十周年丨HOPICO by HOPICO (26:41)
• 《猫是怎么分辨主人的》 by 十四毅 (02:02)
• 地球最快万元车！ by 极速拍档 (25:25)
• 洋人丢的电子垃圾，都去哪了？ by 影视飓风 (22:39)
• 跟踪、偷拍、录音！损失13000元，我收到了一颗定时炸弹！ by GM 的秘密基地 (19:26)
• 【毕导】看完这个视频，你会释怀这停滞不前的人生 by 毕导 (10:09)

• 268-故事和内容有什么区别 by 独树不成林 (36 mins)
  • 故事是未知的，无法预先知道走向；内容是制作出来的，安排好的
  • 故事是重复生活里的插曲，打断了生活的重复，构成生和死之间的篇章；内容为产出暂停了生活，抹平了偶然，让生活变得无聊2
• 贾樟柯×罗永浩！成为贾樟柯（上） by 罗永浩的十字路口 (225 mins)
  • 贾樟柯看 黄土地 而决定当导演，找到了自己想做的事情
  • 受到了不少前辈的照顾，像是胶片店老板、作家、北野武，他也继承了这种品质，帮助下一辈
  • 一个年长的老师进了电影组，就出来跑步锻炼，因为保持体力很重要

• Album#6 - Voodoo
• Album#7 - Brown Sugar & Black Messiah