HackerURLs

一次又一次被重新发现的经典。

同一个链接,相隔一年以上,一次又一次被人重新发现、再次冲上 Hacker News 首页。能经受住这种时间检验的,大多是值得一读再读的文章。每篇附中文标题,讨论最热的那些再加上中文导读和高赞评论翻译。

从名人堂开始
  • 4,700+篇经过时间检验的经典

Hall of fame

名人堂

在经典库里看全部精选

上首页次数最多、而且有中文导读的 30 篇。时间轴上每个黑点是一次上首页,空心点是一次没冲上去的投稿。

  1. 正在载入经典…

Archive

经典库

按第一次上首页的年份分布,点柱子筛选。

排序

    About

    这些经典是怎么挑出来的

    1. 01

      合并同一个链接

      读取 Hacker News 自 2006 年以来的全部链接投稿,把 http/https、www、跟踪参数等写法不同的同一篇文章合并成一条。

    2. 02

      只留经得起时间的

      同一链接至少两次拿到 50 分以上(约等于上首页),而且两次相隔一年以上;再由 AI 剔除状态页、产品首页和新闻事件。

    3. 03

      写导读、译评论

      上首页次数最多的 2,000 篇配上中文导读、"为什么经久不衰",并精选翻译 HN 高赞评论。导读由 AI 生成,可能有误。

    设计与产品vole.wtf

    Scunthorpe Sans:一种自我审查的字体

    Scunthorpe Sans – a self-censoring font

    2次上首页
    2年跨度
    973累计得分
    521条评论

    2020 — 2022,它一次次回到首页

    黑点是上首页(≥ 50 分)的那次投稿,空心点是没冲上去的投稿,点越大分数越高。

    导读

    Scunthorpe Sans 是一款“自我审查”字体,会用替换/遮盖的方式处理文本中出现的脏话子串。它名字来自经典的“Scunthorpe 问题”:用子串匹配来屏蔽脏话,会误伤 arsenal、Scunthorpe 这类普通单词。页面以字体形式演示了这种过滤思路的荒诞与局限。

    为什么经久不衰:它用巧妙的字体设计把“子串审查”的经典 bug 变成可视笑话,让人直观理解为什么简单屏蔽词往往行不通。

    关键词 字体审查Scunthorpe问题脏话过滤

    HN 评论精选

    儿童会不断绕过关键词过滤,自动审查很难真正奏效。

    我曾在一款面向儿童的在线游戏工作,用户到数百万时需要用自动过滤脏话。只基于英文黑名单的办法毫无用处——孩子们会写单字母消息绕过过滤,或者用房间装饰拼出字母,甚至直接画出生殖器。这个字体或许能减少过滤需求,但孩子们总有创意。幸好当时不是即时通讯;后来的近即时消息产品每次都是一场灾难。

    flurdy查看英文原文

    I once worked for an online game aimed at children. With some limited messaging and a forum, we needed to automatically filter swearing especially when it started to reach millions of users. The initial limited English only blacklists were useless. Kids are creative and terrible. So we replaced with big processes of failover with several external swearword filtering services. Costly... But kids are creative..., they write single letter messages that circumvent any automated filtering. Or rearranged their "room" with decoration that spelt out letters, or simply drew cock and balls, etc. This font might have reduced the need for filtering. But kids are creative... Thankfully it was not instant messaging. Direct near-instant messaging came in later products... Car-crash every time. Never write a messaging app for kids. There is always a mean-time-to-dickpick or worse.

    字体暴露了子串过滤的误伤,连 arsenal 这种词都会中招。

    我很喜欢这个,尤其喜欢“arsenal”被审查成“a___nal”。

    IanCal查看英文原文

    I love this. I particularly like that arsenal is censored to a___nal.

    自动化审查难以覆盖边缘情况且易被绕过,往往不是好方案。

    YouTuber Tom Scott 有一个视频专门讲这种审查“问题”:要覆盖所有边缘情况根本不可能,而且很容易被绕过,所以通常不是好主意。巧合的是,视频拍摄于 Peniston。

    thepete2查看英文原文

    There is a video [0] about this censoring-"problem" by Youtuber Tom Scott. He talks about how it's impossible to implement with all edge-cases, easy to circumvent and thus usually not a good idea. Fittingly, the video is filmed in Peniston. [0] https://www.youtube.com/watch?v=CcZdwX4noCE

    Scunthorpe 问题指子串过滤误伤地名,并延伸出用符号替代脏话的 grawlix 传统。

    词源:这个问题得名于1996年 AOL 的脏话过滤器阻止 Scunthorpe 镇居民创建账号,因为镇名包含“cunt”这个子串;2000年代初 Google 的 SafeSearch 也犯过同样错误。另外还提到 grawlix——漫画中用 #、$、@ 等符号代替脏话的排版惯例。

    throw0101a查看英文原文

    Etymology: > The problem was named after an incident in 1996 in which AOL's profanity filter prevented residents of the town of Scunthorpe, North Lincolnshire, England, from creating accounts with AOL, because the town's name contains the substring "cunt".[1] In the early 2000s, Google's opt-in SafeSearch filters made the same error, preventing people from searching for local businesses or URLs that included Scunthorpe in their names.[2] * https://en.wikipedia.org/wiki/Scunthorpe_problem Also, grawlix: > Grawlixes (#, $, , @): typographical symbols standing in for profanities, appearing in dialogue balloons in place of actual dialogue.[2]* * https://en.wikipedia.org/wiki/The_Lexicon_of_Comicana * https://www.merriam-webster.com/words-at-play/grawlix-symbols-swearing-comic-strips * https://slate.com/human-interest/2013/10/the-grawlix-how-the-katzenjammer-kids-comic-strip-pioneered-the-use-of-typographical-symbols-for-swearing.html

    历次讨论

    同类还值得读

    1. 贝塞尔曲线入门

      A Primer on Bézier Curves

      Pomax 编写的贝塞尔曲线在线教程,从基础概念一路讲到曲线求交、投影、曲率等进阶内容,并配有可交互的示例和配套的 bezier.js 库。

      设计与产品上首页 7 次 · 2014–2022pomax.github.io编辑精选
    2. WebGL 水面模拟

      WebGL Water

      Evan Wallace 制作的 WebGL Water 演示:在浏览器里实时渲染一片水面,展示折射、反射和焦散等 GPU 图形效果。

      设计与产品上首页 6 次 · 2011–2025madebyevan.com
    3. 设计建议:永远不要使用黑色

      Design Tip: Never Use Black

      设计随笔提出“永远不要用纯黑”的建议,主张在界面和绘画中改用深灰或带色相的暗色,并借阴影与色彩关系来论证。

      设计与产品上首页 5 次 · 2012–2021ianstormtaylor.com
    4. 用于思考不可想象之物的媒介

      Media for Thinking the Unthinkable

      Bret Victor 的这个页面围绕《Media for Thinking the Unthinkable》展开,探讨我们用来思考和表达复杂问题的媒介,以及以文字/符号为主的传…

      设计与产品上首页 5 次 · 2013–2020worrydream.com编辑精选
    5. 页面重量很重要

      Page Weight Matters

      博文讲 YouTube 工程师 Chris Zacharias 的一次页面瘦身实验:团队做了一个更轻量的页面版本,起初从整体平均加载时间看反而更慢;按地理区域分层后才发现,轻量版…

      设计与产品上首页 4 次 · 2012–2022blog.chriszacharias.com

    打赏支持

    打赏二维码

    觉得有用,请作者喝杯咖啡。

    WeChat

    关注向阳乔木

    微信公众号「向阳乔木推荐看」

    微信公众号「向阳乔木推荐看」二维码

    微信扫一扫;在微信里打开本页时,长按二维码识别。