https://motion.dev/blog/supercharging-the-gta-vi-website-with-motion
网站动画很不错,GSAP 也很棒,但是 Motion 可以帮助解决 DOM 抖动问题,来加快网站加载速度。
https://macthemes.garden/
以前老 mac 系统主题。作者拿 Mac OS 9.2 手动截图了每一个主题的样式……致敬。网站用 Astro 构建,在 blog 可以看到详细。
最近又一个 GA 替代产品 Rybbit Analytics 出现,浏览时看到 umami 在 2024 年总结的这篇文章。确实有点多。
https://pangrampangram.com/products/watch
Pangram Pangram 的新字体,灵感来自于瑞士表盘上的字型。9 种字重,994 个字型,支持 small caps 特性。默认是无衬线但是包含了衬线的替换。
App 的界面帧数提升第一次看到,很有探索精神!简而言之 CPU 不再开摆等 GPU 干完才干活,而是和 GPU 同时开干,引入三重缓冲维持正常界面渲染。但持续渲染的代价呢……?
https://felixrieseberg.github.io/clippy/
无论如何肯定不是微软带回来的。Chat 套壳套在了 98.css 上。
https://themarelle.itch.io/reverse-pac-man
吃豆人,但是你扮演的是那个小幽灵。原来主角跑这么快吗?
https://www.typotheque.com/blog/collection-of-new-original-cjk-fonts
包括简体中文、繁体中文和日文的异体汉字。中文部分由郑初阳(茉莉字型)、薛天盟(茉莉字型)、詹晓芬(汉仪清芬)、Xi Yanjun、Junyi Zhu、Li Kai 设计师们完成。很喜欢里面的中文圆体。
https://textquery.app/
可以将表格、json 等文件导入进数据库并在本地处理,SQL 指令操作或制作图表。一次性付费。
https://hypertext.tv/
同样是搜集了很多网站,但是用老电视的效果呈现,效果贼不错。Astro + three.js。 AI
https://research.google/blog/amie-gains-vision-a-research-ai-agent-for-multi-modal-diagnostic-dialogue/
基于 Gemini 2.0 Flash 多模态 + 状态感知推理,在 100 多个案例中诊断准确率基本超过 PCP 级别医生。且患者认为 AIME 更具有同理心。 Fun
https://acoup.blog/2025/05/02/collections-why-archers-didnt-volley-fire/
齐射在火药时代作为弥补装填时间是有效的战术,但是对于弓箭手来说,装填不慢没必要,且长时间拉满弓会造成更快疲劳。作者利用建模估算弓箭的齐射效果远不如电影中效果那么明显,更多时候可能是战术准备,比如齐射后骑兵冲锋。 Other
https://www.engineerdraft.com/yplayer/
充分利用苹果的 CoreML 和 Speech 机器学习框架,本地实时生成字幕实时翻译的播放器。
https://blog.jacobstechtavern.com/p/the-side-hustle-from-hell
又一失败案例,其实还挺常见的。所幸没有负债。
https://galacean.antgroup.com/engine/
蚂蚁团队在用的 web 3D 引擎,特别是对小游戏有丰富的支持,带有编辑器。
https://deepwiki.com/
将任一 GitHub repo 转为可读的文档,支持创建各种图示。半截入土的 Devin 又回到了群众的视野。
https://promptrepo.com/finetune/
许多创业,就是来源于电子表格……
https://www.scientificamerican.com/article/lofty-math-problem-called-hilberts-sixth-closer-to-being-solved/
统一了描述流体运动的微观、介观和宏观层面的三种主要物理理论,为现有的流体动力学理论提供了严格的数学证明,意义非凡。
https://pangrampangram.com/products/watch
Pangram Pangram 的新字体,灵感来自于瑞士表盘上的字型。9 种字重,994 个字型,支持 small caps 特性。默认是无衬线但是包含了衬线的替换。
https://www.typotheque.com/blog/collection-of-new-original-cjk-fonts
包括简体中文、繁体中文和日文的异体汉字。中文部分由郑初阳(茉莉字型)、薛天盟(茉莉字型)、詹晓芬(汉仪清芬)、Xi Yanjun、Junyi Zhu、Li Kai 设计师们完成。很喜欢里面的中文圆体。
https://www.knitgrotesk.com/character-set/
为针织优化的字体,毕竟是需要一排一排去钩织。原型字体是 Futur X。
https://studioaaa.com/product/dither-boy/
风格化软件,类似 1 bit 或像素化,具有 20 多种抖动算法。£35.00。
https://bjango.com/articles/matchingdropshadows/
客户端开发水深火热日常。Safari 还有使用 Skia 的阶段?
https://maxburnside.com/blog/maintaining_screenshot_quality_in_figma
原来 iOS 截图,从不同地方(使用 AirDrop)导出是不同颜色格式的……为什么?
https://www.generativefonts.xyz/fonts/
Glyph 的开源插件,可以用程序控制并生成更复杂的字体轮廓。
https://wattenberger.com/thoughts/our-interfaces-have-lost-their-senses
对与玻璃后的世界交互的反思。作者用了大量羊毛毡风格插图。
https://www.datagubbe.se/futui/
我们至今仍活在 Sun Microsystems 1994 年的概念宣传片中。纵观整个界面范式历史是一个熵减的历程。
https://font.subf.dev/zh-cn/
有着优雅连字的中英文 2:1 等宽字体。
https://github.com/buzap/open-symbols
将其他图标库导入到 SF Symbols 方便使用,很棒。不过我觉得 SF Symbols 最大的痛点还是语义化搜素。
https://design.cash.app/
Brand Guidelines 倒是没看出来,只看出来你貌似是 cash 中加载最慢的网页。Quentin Hocdé开发。
https://davv.store/shape_move
Figma 的路径动画插件,原理很简单,支持 SVG 动画且只有导出时才花钱。
https://www.shapeof.ai/
AI 相关产品到现在,已经发展出一套相对固定的设计范式。
https://www.learnui.design/tools/data-color-picker.html#palette
可以输入两个颜色(用于每部分对比)、单个颜色(用于层级对比)和差异化的颜色(比如热力图)。
https://exat.hottype.co/
受 EXAT 51 这个先锋艺术艺术团体启发的新怪诞风格字体。整体由 Ivan Picelj 于上世界 60 年代发行的杂志 edtion a 封面的小写字母 a 所启发。网页的字体介绍相关平面设计也很值得欣赏。
https://cloudfour.com/thinks/why-i-like-designing-in-the-browser/
先进的前端!
https://www.nocodeshader.com/
Unicorn Studio 的素材搜集站。
https://motion.dev/blog/supercharging-the-gta-vi-website-with-motion
网站动画很不错,GSAP 也很棒,但是 Motion 可以帮助解决 DOM 抖动问题,来加快网站加载速度。
https://macthemes.garden/
以前老 mac 系统主题。作者拿 Mac OS 9.2 手动截图了每一个主题的样式……致敬。网站用 Astro 构建,在 blog 可以看到详细。
最近又一个 GA 替代产品 Rybbit Analytics 出现,浏览时看到 umami 在 2024 年总结的这篇文章。确实有点多。
App 的界面帧数提升第一次看到,很有探索精神!简而言之 CPU 不再开摆等 GPU 干完才干活,而是和 GPU 同时开干,引入三重缓冲维持正常界面渲染。但持续渲染的代价呢……?
https://textquery.app/
可以将表格、json 等文件导入进数据库并在本地处理,SQL 指令操作或制作图表。一次性付费。
https://hypertext.tv/
同样是搜集了很多网站,但是用老电视的效果呈现,效果贼不错。Astro + three.js。 AI
https://www.engineerdraft.com/yplayer/
充分利用苹果的 CoreML 和 Speech 机器学习框架,本地实时生成字幕实时翻译的播放器。
https://blog.jacobstechtavern.com/p/the-side-hustle-from-hell
又一失败案例,其实还挺常见的。所幸没有负债。
https://galacean.antgroup.com/engine/
蚂蚁团队在用的 web 3D 引擎,特别是对小游戏有丰富的支持,带有编辑器。
https://appstacks.club/
很好的内容。国内也有几个人在做类似的 newsletter。
https://blog.infected.systems/posts/2025-04-21-this-blog-is-hosted-on-a-nintendo-wii/
很多游戏主机支持的第三方系统不再更新,但是 Wii 支持的 NetBSD 10.1 版本够新,以至于可以作为一台 VPS 服务器……但是需要像作者一样做很多优化。
https://pubs.aip.org/aip/adv/article/15/4/045222/3344017/Using-physics-simulations-to-find-targeting
根据球道油型等参数调整投射位置、角度和初速度……感觉离 AI 机器人打保龄球 vs 人类不远了。
https://jonathanalland.com/old-osx-projects.html
很多 legacy 项目焕新生,但新系统不一定都支持。
https://eb43.github.io/articles/fast-charging-technologies-in-detail.html
快,不一定好——这句话别让激进的 Android 粉丝看到。
https://frontendmasters.com/blog/css-bursts-with-conic-gradients/
又到了 CSS ONLY 环节。background-image
承受了很多。
https://existential.audio/blackhole/
作为虚拟音频驱动来监听系统声音,Sound Flower 不兼容新的系统,我发现了这个替代。
https://www.tempertemper.net/blog/skip-links-what-why-and-how
跳过的内容对 CSS 有要求,还是得看是否方便适配。但好处是仅需要 CSS 就能实现。
https://www.morphik.ai/
支持多模态的数据识别的 RAG,非结构数据的整理,知识图谱和开箱即用的 MCP。开源,可在 docker 部署。
https://muffinman.io/blog/css-image-glitch/
前提是,你需要用非 CSS 代码将图片切分为随机高度的碎片。
https://fuma-nama.vercel.app/blog/svg-art
SVG 内部的标签还有很多可以探索的空间!
https://felixrieseberg.github.io/clippy/
无论如何肯定不是微软带回来的。Chat 套壳套在了 98.css 上。
https://research.google/blog/amie-gains-vision-a-research-ai-agent-for-multi-modal-diagnostic-dialogue/
基于 Gemini 2.0 Flash 多模态 + 状态感知推理,在 100 多个案例中诊断准确率基本超过 PCP 级别医生。且患者认为 AIME 更具有同理心。 Fun
https://deepwiki.com/
将任一 GitHub repo 转为可读的文档,支持创建各种图示。半截入土的 Devin 又回到了群众的视野。
https://promptrepo.com/finetune/
许多创业,就是来源于电子表格……
https://json.visuals.zip/
为 GPT-4o 优化的提示词系统,多达 45 种样式。
https://context7.com/
Upstash 团队搜集了大量文档,可以 mcp 搜索并调用。确实好用!
https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools
整了个狠活,顺便给自己公司打个广告。
https://blog.sshh.io/p/everything-wrong-with-mcp
这篇文章梳理了 MCP 的很多安全隐患(注意里面的文章链接),客户端、服务端、LLM 和 MCP 本身都需要进一步发展和完善。
https://github.com/astoj/vibe-security
Vibe 到底就是安全检查也会交给 LLM 来做。
https://www.opennutrition.app/
60 多 MB 的 TSV 文件,作者从多渠道搜集的数据。
虽然 GitHub 宣布了官方 MCP,但是要 docker 部署。而且 GitMCP 针对 Pages 文档也有效,这点很有帮助。
https://715-999-7483.com/
每 24h 可以打一次电话,每次有 30 秒时间说出自己的需求来修改这个网站首页。太怪了! Fun
https://www.landh.tech/blog/20250327-we-hacked-gemini-source-code/
非常精彩的文章。从 Gemini 的 python 执行沙箱入手,抽丝剥茧,进而获取到 Google 其他产品的敏感数据。Gemini 的 reAct 机制很有意思。
https://ezyang.github.io/ai-blindspots/
有人总结了 AI 编程的「坏习惯」,以及应对方法。
https://gitdiagram.com/
将 GitHub 仓库可视化成方便理解的图表。可自定义 prompt。填入 token 后支持私有仓库。
https://contentcredentials.org/
用于检测 C2PA 水印的工具,还能查看 AI 图片的生成过程。但是该水印作为元数据非常容易消除。
https://github.com/cline/cline/blob/main/src/core/prompts/system.ts
有很多用法和举例。文件的编辑策略很细,所以 Cline 做 diff 应用得确实很快。
https://huggingface.co/collections/starvector/starvector-models-6783b22c7bd4b43d13cb5289
专门生成 SVG 的模型!等好心人量化……
https://supabase.com/docs/guides/getting-started/mcp
不用本地 SSE 了方便了点。但是有增删改能力的 AI 还是不太敢用。
https://themarelle.itch.io/reverse-pac-man
吃豆人,但是你扮演的是那个小幽灵。原来主角跑这么快吗?
https://acoup.blog/2025/05/02/collections-why-archers-didnt-volley-fire/
齐射在火药时代作为弥补装填时间是有效的战术,但是对于弓箭手来说,装填不慢没必要,且长时间拉满弓会造成更快疲劳。作者利用建模估算弓箭的齐射效果远不如电影中效果那么明显,更多时候可能是战术准备,比如齐射后骑兵冲锋。 Other
https://www.scientificamerican.com/article/lofty-math-problem-called-hilberts-sixth-closer-to-being-solved/
统一了描述流体运动的微观、介观和宏观层面的三种主要物理理论,为现有的流体动力学理论提供了严格的数学证明,意义非凡。
https://www.bbc.com/future/article/20250425-the-fibonacci-sequence-hidden-in-liverpool-fcs-premier-league-football-title
将英超每个俱乐部获得冠军的次数从小到大排序,为 1、1、2(最近的利物浦)、3、5、8、13,这就是斐波那契数列。冥冥之中的天意?
https://www.sciencealert.com/scientists-say-they-found-a-new-color-humans-have-never-seen-before
通过 ”Oz” 这个原型机,单独刺激 M 型视锥细胞(负责感受绿色),这在通常自然条件下不可能,但是刺激成功后能看到一个饱和度很特别的蓝绿色(可能是 500nm 波长附近)。这种绿色是否是新颜色存怀疑态度,但项目本身已经迈出了成功的一步,后续将继续探索,甚至有望治疗色盲症状。
https://octodex.github.com/
GitHub 的吉祥物插画集合,有很多网络梗。
https://serverless.industries/2024/05/31/digital-cinema.en.html
不知道什么时候经常能听到「密钥延期」来美化赖着不下架这一说法。这次就来看看密钥里都是什么。
https://howtomarketagame.com/2025/04/11/the-hit-games-of-early-2025/
Steam 中国区玩家的数量和活跃度已经到了影响统计数据的数量级。
https://publicdomainreview.org/essay/modern-babylon-ziggurat-skyscrapers-and-hugh-ferriss-retrofuturism/
这太乌托邦了;Ferriss 的主张之一是,自然之下,神秘与理性的交融。城市是人,人是更高层级的存在。
https://antigonejournal.com/2025/04/mirror-coordinates-homeric-grammar/
头一次看到,根据一门语言的语序,推测当事者的视角和心理,进而代入感知周围的空间。第一次看挺抽象,但其实细研究发现很有意思。
https://sharpletters.net/2025/04/16/hdr-emoji/
使用 ImageMagick 给表情加上 HDR 特效……what?
https://garfieldminusgarfield.net/page/3
当《加菲猫》漫画中加菲不再出现时,漫画就变得不一样了,深入 Jon 的内心世界……
https://sudokupad.app/amkyotxgsk
Skeptical Mario 将数独放到恶魔城类游戏的结构中。之前还在 Steam 推出过数独编辑器。
https://www.science.org/doi/10.1126/sciadv.adt4839
用于感受虚拟材质(传递过来的参数)。逐渐赛博朋克。 Other
https://steampeek.hu/
Man,这是最新版的独立推荐算法。作者没有明确提及算法,不过效果还可以。
https://victorpoughon.fr/i-tried-making-artificial-sunlight-at-home/
不是在家中手搓超导托卡马克实验装置,而是利用透镜阵列和可编程的光线控制,来模拟太阳光效果(比如瑞利散射)。
https://thehtml.review/04/
互联网中为数不多的新结构文学净土,今年开启了第四期。推进动画很喜欢。
除了 2, 4, 8, 64, 2048 还有哪些?大佬门替我们找到 2^133477987019 依然没发现第六枚符合条件的幂(已经超过 400 亿位数)。
其实可以套用到很多带有沙盒、自由度元素的游戏中。最遵从人性的一集。
https://pippinbarr.com/it-is-as-if-you-were-on-your-phone/info/
不会演戏?让这个网页教你。眼神也要注意。
https://yarchive.net/blog/prostate/
几年前,Gat 和 Goren 医生提出了良性前列腺增生(BPH)的新看法:正常男性的血液会从睾丸经过几乎垂直向上的左右两条精索静脉(通过背静脉与前列腺连接),流入到肾脏附近静脉。为了重力作用导致血液回流,每条精索静脉大约有 7 枚左右的单向瓣膜。随着年龄老化瓣膜逐渐失去其物理上的防逆流功效,血液回流潴留至睾丸,睾丸沉浸在缺氧的血液中导致产生精子的生殖细胞死亡。而后溢出的带有睾酮的血液,通过背静脉网络流入到前列腺导致其增生,从而导致精索静脉曲张。两位医生的做法完全堵死逆流的「主干道」(比如注入硬化剂,但同时不影响其他静脉血管),以此依靠其他静脉来完成正常血液循环,从而以较低的费用和复发率治愈 BPH。VIVIFI MEDICAL 就在临床测试这个方法,我觉得他们的手术专用器械应该叫奥卡姆剃刀。
https://badsense.substack.com/p/the-endless-barrier-in-reading
作者有阅读障碍,但是简洁的代码给予的诠释,打开了新世界的大门。
https://www.niemanlab.org/2025/04/how-to-leak-to-a-journalist/
别用工作场合设备,只用自己设备,包括网络;使用 Signal;重构图片。
https://www.theguardian.com/lifeandstyle/2012/feb/01/top-five-regrets-of-the-dying
遗憾一:我希望当初我有勇气过自己真正想要的生活,而不是别人期望的生活。 遗憾二:我希望当初没有那么努力工作。 遗憾三:我希望当初我有勇气表达自己的感受。 遗憾四:我希望当初我能和朋友们保持联系。 遗憾五:我希望当初我能让自己更快乐。
https://weeks.ginatrapani.org/
人生不过几千周。
https://www.bloomberg.com/features/2024-jealousy-list/
彭博社编辑的年度总结,但推荐的是其他出版商的文章。 Jealousy 用的妙啊……
https://logicmag.io/policy/why-everyone-hates-the-electronic-medical-record/
只关注宏观数字,不关注细节体验的后果……
https://matduggan.com/fixing-macs-door-to-door/
如题。
https://www.ismyplanea737max.com/
鉴于波音飞机事故频发,所以……
https://www.makingproductsense.com/p/year-1
果然坚持写作的话,大家都要面对相同的问题。
https://showyourstripes.info/s/asia/china/beijing/
上涨了有 4°
https://www.youtube.com/watch?v=nQD6lDwFmCc
关键是,三角函数独立于勾股定理(后者是余弦定理的特殊情况)。
https://ariyh.beehiiv.com/p/ring-handle-shopping-carts
理论上,横杆式的把手激活的是肱三头肌,环形把手会激活肱二头肌,后者更能使人把商品放进购物车里。调研基于 2359 名欧洲超市消费者。
https://content.iospress.com/articles/journal-of-parkinsons-disease/jpd225047
一个新的假设表示该成分或许与帕金森症有关联。
https://www.quantamagazine.org/how-loneliness-reshapes-the-brain-20230228/
神经科学表明,孤独并非所指缺乏社交,而是在社交过程中,首先会对对方产生不信任,从而拒绝进一步产生联系。长期产生孤独感,会损害身体健康,增加患病几率。孤独者内心深处依然会出自本能地希望与他人建立联系。
https://pudding.cool/2022/12/yard-sale/
解释 Yard-sale model
https://www.culinarycrush.biz/all/pekin-duck-exception
根据正常的加州食品安全法,北京烤鸭的做法(主要是室温放置环节)是违法的。但……只有北京烤鸭有这种「豁免权」。但根据食品安全专家的说法,煮熟的鸭子其实不容易滋生细菌,所以北京烤鸭本身是安全的。
https://www.thistothat.com/cgi-bin/glue.cgi
胶水实用指南。