HackerNews中文版

- 我多年来一直保持着每天早晚各阅读 HN（Hacker News）两页的习惯。 - 最近我注意到，前两页的内容大多是关于“AI 这个”、“AI 那个”、“LLM 这个”、“LLM 那个”、“模型在这里”、“模型在那里”。 - 今天，我将尝试打破这种趋势，分享我过去十年间从 50000 多个收藏的书签中精选出的 HN 上最棒的资源。 - 我有一个自己的收藏书签的流程。 - 最具视觉化解释的内容会获得 S 级排名。 - 来自知名来源的优质信息获得 A 级，非知名来源获得 B 级。 - 观点博客垫底，可能根据质量评为 C、D、E 甚至 F 级。 - 这是我的 S 级列表： - Transformer 工作原理的动画解释 https://poloclub.github.io/transformer-explainer/ - K-means 聚类算法的视觉入门 https://k-means-explorable.vercel.app/ - Vision LLM 的动画 3D 入门 https://blog.mdturp.ch/posts/2024-04-05-visual_guide_to_vision_transformer.html - 机器学习的动画入门 https://r2d3.us/visual-intro-to-machine-learning-part-1/ - 数学中概率的动画入门 https://seeing-theory.brown.edu/basic-probability/index.html - 逐步动画方式从零开始构建 3D 世界 https://aibodh.com/posts/bevy-tutorial-build-your-first-3d-editor-in-rust/ - 可视化算法 https://algorithm-visualizer.org/ - 请求从浏览器到服务器的逐步动画序列 https://200ms.thenodebook.com/#act-1-the-click - 内燃机工作原理的视觉入门 https://ciechanow.ski/internal-combustion-engine/ - 3D 实时机器人代码模拟器 https://bittlex-sim.petoi.com/ - 动画解释：椭圆曲线密码学 https://growingswe.com/blog/elliptic-curve-cryptography - 速率限制算法可视化 https://smudge.ai/blog/ratelimit-algorithms - 图形渲染管线的视觉入门！https://fremaconsulting.ch/blog/vulkan - 如何从零开始构建 ReactJS 的动画解释！https://pomb.us/build-your-own-react/ - 小游戏：如何从基本门电路开始构建整个 CPU https://select.supply/game/chipbuilder - 从零开始组装神经网络 https://graphgame.sabrina.dev/ - 3D 可视化：重力如何工作 https://qunabu.github.io/Gravity/#what-is-gravity - 小游戏：CSS Grid 如何工作 https://cssgridgarden.com/ - 线性代数、向量等的动画数学书 https://immersivemath.com/ila/index.html - 动画解释：FAISS 向量搜索如何工作 https://fremaconsulting.ch/blog/faiss - 从零开始构建健康可穿戴设备的 3D 动画 https://www.lumafield.com/scan-of-the-month/health-wearables - 半导体制造工作原理的 3D 动画 https://ig.ft.com/microchips/ - 小游戏：Git 如何工作 https://learngitbranching.js.org/ - 小游戏：从零开始学习 SQL https://sqlpd.com/ - 另一个小游戏：SQL https://lost-at-sql.therobinlord.com/ - 展示颜色、屏幕、图形、渲染、着色器、编译器、解释器如何工作的动画解释 https://www.makingsoftware.com/ - 动画解释展示了网络 7 层模型如何从内到外工作 https://fazamhd.com/mental-models/networking/ - 线性与逻辑回归、神经网络、机器学习的动画解释 https://mlu-explain.github.io/ - 碰撞检测、着色器、渲染、剔除和游戏开发相关内容的 3D 解释 https://krupitskas.com/posts/modern_culling_techniques/ - 身体所有运动的 3D 动画和解释 https://musclewiki.com/ - 小游戏：从零开始构建英伟达 GPU https://jaso1024.com/mvidia/ - 神经网络前向与后向传播的动画解释 https://aegeorge42.github.io/ - 还有很多很多，今天我有点打字累了。 - 总之，受够了那些充斥首页的 AI 观点文章，HN，看招！

查看原文

- Everyday I read 2 pages of HN in the morning and 2 in the evening for years now- Of late, I noticed that most of the stuff on the 1st 2 pages is AI this, AI that, LLM this, LLM that, model here, model there- Today I am going to attempt to break that trend by sharing the greatest resources on HN from my collection of 50000+ bookmarks over the last decade- I have a process on my end for bookmarking- The most visual explainers get S-Tier ranking- Good info from reputed sources gets an A, non reputed gets B- Opinion blogs are at the bottom of the barrel and maybe ranked C, D, E and even F depending on quality- Here's my S-Tier list- Animated explanation of how transformers work https://poloclub.github.io/transformer-explainer/- Visual intro to K-means clustering algorithm https://k-means-explorable.vercel.app/- Animated 3D intro to vision LLMs https://blog.mdturp.ch/posts/2024-04-05-visual_guide_to_vision_transformer.html- Animated intro to machine learning https://r2d3.us/visual-intro-to-machine-learning-part-1/- Animated intro to probability in math https://seeing-theory.brown.edu/basic-probability/index.html- Building a 3D world from scratch in step by step animated manner https://aibodh.com/posts/bevy-tutorial-build-your-first-3d-editor-in-rust/- Visualize algorithms https://algorithm-visualizer.org/- Animated step by step sequence of how a request goes from your browser to the server https://200ms.thenodebook.com/#act-1-the-click- Visual intro to the inner workings of a combustion engine https://ciechanow.ski/internal-combustion-engine/- 3D real time robotics code simulator https://bittlex-sim.petoi.com/- Animated explainer: Elliptic curve cryptography https://growingswe.com/blog/elliptic-curve-cryptography- Rate limiting algorithms visualized https://smudge.ai/blog/ratelimit-algorithms- Visual intro to the graphics pipeline! https://fremaconsulting.ch/blog/vulkan- Animated explanation of how to build ReactJS from scratch! https://pomb.us/build-your-own-react/- Mini game: How to build an entire CPU starting from a basic gate https://select.supply/game/chipbuilder- Assemble a neural network from scratch https://graphgame.sabrina.dev/- 3D visualization: how gravity works https://qunabu.github.io/Gravity/#what-is-gravity- Mini game: how css grid works https://cssgridgarden.com/- Animated math book for linear algebra, vectors etc https://immersivemath.com/ila/index.html- Animated explainer: How FAISS vector search works https://fremaconsulting.ch/blog/faiss- 3D animation of how to build a health wearable from scratch https://www.lumafield.com/scan-of-the-month/health-wearables- 3D animation of how semiconductor manufacturing works https://ig.ft.com/microchips/- Mini game: how git works https://learngitbranching.js.org/- Mini game: SQL from scratch https://sqlpd.com/- Another mini game: SQL https://lost-at-sql.therobinlord.com/- Animated explainers showing how colors, screens, graphics, rendering, shaders, compilers, interpreters work https://www.makingsoftware.com/- Animated explainer shows how networking 7 layer stack works inside out https://fazamhd.com/mental-models/networking/- Animated explainers for linear & logistic regression, neural networks, machine learning https://mlu-explain.github.io/- 3D explanation of collision detection, shaders, rendering, culling and gamedev related stuff https://krupitskas.com/posts/modern_culling_techniques/- 3D animation and explanation of every exercise on the body https://musclewiki.com/- Mini game: build an nvidia gpu from scratch https://jaso1024.com/mvidia/- Animated explanation of forward & back propagation of neural networks https://aegeorge42.github.io/- There are many many many more, I am getting a little tired of typing for today- Anyways enough of those AI opinion posts flooding the front page, take that HN!

过去十年里，我每天都会阅读 Hacker News 两次。这是我精选的 S 级 Hacker News 链接列表。