Edition: 2026-09-18

Daily Digest - 2026-09-18

Total articles in digest: 7

Must Read

Designing with AI

  • Source: Sidebar
  • Words: 1452
  • Category: Design
  • Published: 2026-09-18T07:48:17+00:00
  • Score: 5.9

How a career of building creative teams and design systems led to AI tools that increase speed without lowering the quality bar.

  • Why it's relevant: matches terms: design systems; fits Design category
  • Summary:
    • Designing with AI Summary AI has radically expanded what designers can make — but used carelessly only helps produce average work, faster.
    • At Help Scout and through my advisory work, I’ve been building the principles, design system and tools that help designers move from ideas to production with greater speed, confidence and creative ambition — without lowering the quality bar.
    • Almost overnight, designers across the industry were expected to move radically faster without allowing speed to erode quality.

Better Centering with CSS text-box

  • Source: Master.dev Blog RSS Feed
  • Words: 47
  • Category: Dev
  • Published: 2026-09-17T23:08:08+00:00
  • Score: 4.7

Jake has a very nice, clear video about what text-box solves in CSS.

  • Why it's relevant: matches terms: css; fits Dev category
  • Summary:
    • Jake has a very nice, clear video about what text-box solves in CSS.
    • It essentially makes even padding on an element (like a button) doable without magic numbers, and that will work across any font (sick).
    • Temani made a tool to help pick the right values.

设计工具不该成为交付的门槛

  • Source: 月球背面
  • Words: 271
  • Category: Design
  • Published: 2026-09-17T16:00:00+00:00
  • Score: 3.9

参与过设计交付的人,大概都有过这样的时刻。 打开一个项目,发现文件在 Figma 里;另一个项目用的是 Sketch;客户发来的文件,却来自 MasterGo、Pixso,甚至是 Photoshop 或 Illustrator。 工具本身没有对错。每个设计师都有自己的习惯,也有每个团队更适合的协作方式。有人喜欢 Figma 的协作体验,有人离不开 Sketc

  • Why it's relevant: matches terms: figma; fits Design category
  • Summary:
    • 参与过设计交付的人,大概都有过这样的时刻。 打开一个项目,发现文件在 Figma 里;另一个项目用的是 Sketch;客户发来的文件,却来自 MasterGo、Pixso,甚至是 Photoshop 或 Illustrator。 工具本身没有对错。每个设计师都有自己的习惯,也有每个团队更适合的协作方式。有人喜欢 Figma 的协作体验,有人离不开 Sketch 的工作流,也有人已经在 MasterGo、Pixso 里积累了大量项目 但到了交付的时候,事情就变得有些麻烦了。 你需要确认对方使用什么工具,文件能不能打开,插件是否支持,预览是否正常。有时候,设计本身已经完成了,真正花时间的却是“怎么把它交出去”。 所以最近,我们给月维增加了一些新的设计软件支持。 现在,月维已经支持: - Figma - Sketch - 即时设计 - Axure - MasterGo - Pixso - Adobe Photoshop - Adobe Illustrator - 蓝湖插件 我们希望做的,不是让大家都使用同一种设计工具。 恰恰相反,我们更希望设计师可以继续使用自己熟悉的工具,而不必因为交付环节,被迫改变原来的工作方式。 从这个角度看,月维更像是站在不同设计工具之间的一层连接。 不管文件来自哪里,也不管接收方使用什么方式查看,设计资源都可以更顺利地被整理、分享和交付。 到现在,月维是支持交付软件较为全面的设计交付工具。 这件事听起来可能没有那么“热闹”。它不像一个全新的编辑器,也不是一个一眼就能看见的复杂功能。 但我们知道,很多真正影响工作体验的事情,往往发生在这些不太显眼的地方。 少一次格式转换,少一次重复上传,少一次“你那边能打开吗”的确认,项目推进就会顺利一点。 月维支持的,也不只是设计软件。 在一个完整的项目里,除了 Figma、Sketch 或 Photoshop 的源文件,还会有大量图片、PDF、Word 文档、GIF、动效和各种临时素材。 这些内容往往来自不同的工具,也分散在不同的文件夹里。为了确认一个文件的内容,大家经常需要反复下载,再切换到对应的软件中打开。 月维希望把这些常用的设计资源集中到一个地方,并尽可能支持在线预览。 不用下载,也不用为了看一眼文件,专门安装一个软件。 月维支持多种常见图片格式,包括 PNG、JPEG、GIF、BMP、SVG、TIFF、ICO 等。 一些相对新或不那么常见的格式,也可以直接预览,比如 AVIF、JXL 和 WEBP。 如果你使用苹果设备,照片里的 HEIC 格式也能正常查看;游戏项目里常见的 TGA 贴图,同样支持在线预览。 这些格式平时可能并不显眼,但真正遇到的时候,能够直接打开,就少了一次转换和来回确认。 设计团队里,除了最终交付的文件,也会积累大量原始文件。 不同阶段的 PSD、AI、FIG、XD、SKETCH 文件,可能记录着项目的过程、不同版本的尝试,以及一些暂时没有被采用、但未来仍有参考价值的方案。 如果这些源文件分散在个人电脑、聊天记录或不同的网盘里,时间久了,团队很难知道它们分别属于哪个项目,也很难重新利用过去积累的资源。 月维支持对 PSD、AI、FIG、XD、SKETCH 等主流设计源文件生成预览图,方便团队把各种原始文件集中整理在一起。 它目前主要用于缩略图和快速确认内容,不一定替代原本的设计软件,但可以帮助你快速判断: 这是哪个项目的文件? 它属于哪个阶段? 需要下载继续编辑,还是直接分享给别人? 当源文件被统一收纳、预览和整理之后,它们就不只是“做完项目后留下的文件”,也会逐渐成为团队可以持续使用的设计资源。 在 UI 设计中,动态素材也越来越常见。 页面转场、加载动画、交互动效、角色动作,往往都会和静态设计稿一起参与评审和交付。如果这些内容需要单独放在其他工具或文件夹里管理,查找和沟通都会变得不太方便。 所以,GIF、动效文件,以及 Spine 2D 骨骼动画,也可以直接放进月维,和设计文件、图片素材一起管理。 月维支持在线预览 Spine 2D 骨骼动画,还可以浏览和指定不同的动作与 Skin。 这样一来,设计稿、动态素材、源文件和参考图片可以放在同一个项目空间里。需要查看时直接打开,需要分享时也不必再重新整理一套文件。 我们希望月维承载的不只是某一种文件。 它可以是设计稿的交付空间,也可以是图片、文档、动效和源文件共同存在的项目资料库。 设计工具可以很多,文件格式也可以很多。 但查看、整理和分享这些内容,不应该因为格式不同,就变得复杂。 月维不要求你使用同一种工具。 只希望无论你用什么工具创作,最后都能更顺利地把成果交到需要它的人手里。 除了设计软件支持,这次我们还增加了一个新的分享方式:密码分享。 以前,分享设计灵感、设计方案或者设计 Demo 时,通常需要让对方登录月维,或者把资源设置成完全公开。 现在,你可以直接为分享内容设置访问密码。 生成分享链接后,只需要把链接和密码一起发给对方,对方无需登录月维,输入密码就可以访问。 这比较适合以下场景: - 分享设计灵感 - 分享设计方案 - 分享设计 Demo - 与客户或合作方临时查看资源 - 发送还不适合公开的项目内容 功能入口也很简单: - 任意文件夹右键菜单 →「密码分享」 - 分享面板右上角 →「密码分享」 有时候,我们只是想把一个文件夹发给别人看一眼,并不希望对方为了这一次查看,专门注册一个账号。 现在,这个过程可以简单一点。 设计工具可以很多,分享方式也可以有很多种。月维想做的事情,一直不是替大家决定应该怎么工作,而是尽量把交付过程里的那些小障碍,一个个减少。 让设计师继续用自己习惯的工具,让团队把设计稿、源文件和各种素材放在一起, 也让设计资源在需要到达的人手里时,少绕一点路。 月维,继续帮你管理和交付设计资源。.

Also Interesting

We are all Product Engineers now

  • Source: Sidebar
  • Words: 4461
  • Category: Design
  • Published: 2026-09-18T07:50:12+00:00
  • Score: 2.9

Where, in fact, is the entire industry of software going in the next decade?

  • Why it's relevant: fits Design category
  • Summary:
    • We are all Product Engineers now Just yesterday I published a very long post about the economics of open source.
    • As part of that argument, I mentioned that the cost of writing software has collapsed, and that meant the variables in the equation had changed for the first time in thirty years.
    • That led me off on a tangent that grew into this equally long post.

Ask LukeW: Less Walls of Text

  • Source: LukeW | Digital Product Design + Strategy
  • Words: 18450
  • Category: Design
  • Published: 2026-09-18T14:00:00+00:00
  • Score: 2.9

A persistent attribute of AI-powered applications is their propensity to generate text: lots and lots of text.

  • Why it's relevant: fits Design category
  • Summary:
    • LukeW's publications span 30+ years of digital product design expertise, with recent focus heavily on AI integration in products and interfaces.
    • Key AI design insights include: context management is critical for AI products, AI tools are becoming the new design deliverables, and small teams are winning in the AI era.
    • Designers should rethink applications for AI agents, focus on showing AI work in UI, and consider embedded AI apps over wrapper solutions.
    • The evolution shows a shift from traditional UI to AI-powered interfaces, with emphasis on intent-driven user interfaces and dynamic context for AI agents.

Website Inspiration: Rafael Derolez

  • Source: One Page Love
  • Words: 39
  • Category: Design
  • Published: 2026-09-18T14:26:02+00:00
  • Score: 2.9

Rafael Derolez’s website is an interactive design-engineering portfolio with a fixed text panel alongside a horizontally arranged image gallery, restrained typography, rounded mobile mockups, and tab-driven transitions…

  • Why it's relevant: matches terms: typography; fits Design category
  • Summary:
    • Rafael Derolez’s website is an interactive design-engineering portfolio with a fixed text panel alongside a horizontally arranged image gallery, restrained typography, rounded mobile mockups, and tab-driven transitions between projects.

科技爱好者周刊(第 413 期):再见了,React Native

  • Source: 阮一峰的网络日志
  • Words: 586
  • Category: Tech
  • Published: 2026-09-18T00:03:02+00:00
  • Score: 2.8

这里记录每周值得分享的科技内容,周五发布。( [通知] 下周五开始的中秋和十一假期,周刊休息。 ) 本杂志 开源 ,欢迎 投稿 。另有 《谁在招人》 服务,发布程序员招聘信息。合作请 邮件联系 (yifeng.ruan@gmail.com)。 封面图 华东师范大学闵行校区新启用的西校门,仿造了它的前身之一光华大学的校门。( via ) 再见了,React N

  • Why it's relevant: matches terms: web; fits Tech category
  • Summary:
    • 这里记录每周值得分享的科技内容,周五发布。([通知] 下周五开始的中秋和十一假期,周刊休息。) 本杂志开源,欢迎投稿。另有《谁在招人》服务,发布程序员招聘信息。合作请邮件联系([email protected])。 封面图 华东师范大学闵行校区新启用的西校门,仿造了它的前身之一光华大学的校门。(via) 再见了,React Native Shopify 宣布,放弃 React Native,改用 Swift 和 Kotlin 开发它的移动版。 也就是说,它决定采用原生语言,开发 iOS 和安卓客户端,不再采用 Web 技术开发一个中间版本,再编译成各平台的客户端。 这不禁让人想起,六年前的2020年,它也是写了一篇文章,高调宣布放弃原生语言,全面转向 React Native,拥抱 Web 技术。 这在当时是一个大新闻,很多人认同 Shopify 选择 Web 技术的三个理由。 - 不用为每个平台重复开发相同的功能。 - 允许开发人员跨技术栈工作。 - 多出来的时间和精力,可以用来创造更多的价值。 说实话,这三个理由都是场面话,真正的理由只有一个:省钱。 当年为了省钱,它选择了 React Native,只需要养一个团队,比起安卓和 iOS 要养两个团队,可以大大节省成本。 如今放弃 React Native,也是为了省钱。现在有了 AI,使用什么语言根本无所谓。 AI 可以便捷地翻译语言,那么为什么不用性能更好的原生语言呢,跳过中间版本。 当然,React Native 自己也是不争气。自从2015年发布,迄今已经超过10年,一些基本的技术问题至今没有很好地解决,使用上手也不是很方便。它被别人替代,说实话,一点都不冤。 总之,AI 就是一个无所不能的自动翻译器,一旦问世,像 React Native 这种中间语言或者翻译层,就被判死刑了,此刻开始退出历史舞台成了必然的结局。 世界地图的新投影方法 上周发生了一件大事,联合国投票决定废除墨卡托投影。 这个决定对各国没有约束力,只是一个标志,表明墨卡托投影真的是过时了,可能需要淘汰。 我们知道,地球是圆的,地图是平的。这注定了必须采用某种转化方法,才能将球形地貌投影变成平面地图。这也从一个侧面说明,平面地图肯定存在失真。 上面是目前通行的世界地图,采用了墨卡托投影。 这种投影相当于把地球仪直接拉伸为矩形,后果就是高纬度地区会被极大拉伸,看上去面积偏大。 上图中,赤道的非洲看上去跟高纬度的格陵兰岛一样大小。实际上,前者的面积是后者的14倍。 联合国建议,废除墨卡托投影,采用新的平等地球投影法(Equal Earth Projection)绘制世界地图。 平等地球投影法的核心原则是不改变面积比例。如果一块土地占地球面积1%,那么它占地图面积也应该是1%,所以它的面积比例不会失真。 代价是,它会根据面积进行拉伸。对于赤道与低纬度地区,南北方向适当纵向拉伸,东西方向适当收缩;对于两极与高纬度地区,东西方向大幅变宽,南北方向大幅变扁。 所以,这种投影法会造成土地形状失真,长和宽都可能变形,无法使用这种地图进行精确导航。 上图就是平等地球投影法的世界地图,非洲变大了。 下面是墨卡托投影和平等地球投影的欧洲和非洲。大家可以比较差异。 科技动态 1、隐藏摄像头检测器 你是否担心,周围有隐藏摄像头在偷窥你? 韩国科学家发明了一种装置,可以快速检测周围有没有这种隐藏的摄像头。 这种装置就是一块电路板,上面有多个发光二极管,会依次点亮,连接手机即可使用,造价很低。 它的原理是,发光二极管发出的光,会被隐藏的摄像头反射。只要从接收到的反射光里面,排除正常的镜面,就可以确定摄像头的位置。 那么,如何才能排除其他的反射光呢?这个装置用了一个很巧妙的方法,就是依次亮起不同位置的发光二极管。 其他的反射光都来自平面镜,只有摄像头的镜面是凸起的透镜,反射光会出现位置偏移。利用不同位置的光源,就可以确定哪些反射光发生了位置偏移,进而确定反射点的位置。 2、一句话新闻 (1)胡塞武装最近赢得了一场重大胜利,据说使用了史上最匪夷所思的获胜方法。 他们伪造了对方指挥官的一段音频,指挥官命令部队撤退。他们让一个网红在推特上传播这段假音频,结果对方军队居然真的陷入了混乱,他们就顺利进军,以很小的代价占领了对方的地盘。 (2)笔记本开始采用固态散热技术,不再需要风扇,通过石墨烯/铜箔贴片散热。 因此,笔记本可以做得极薄、极轻巧。联想最近发布了一款14寸概念笔记本,居然只有830克。华为的14寸笔记本 MateBook Pro S 更是只有798克。 (3)成都市计划实施"词元券",企事业单位可以免费申领,你消耗的 Token,政府可以补贴不超过30%的消费金额。 此外,成都市还计划了"词元贷",可以向银行贷款消费 Token。 文章 1、我的 HTML 模板文件(英文) 作者详细介绍了2026年的网页 HTML 模板应该是什么样子,每一行有什么作用。 2、如何用 JavaScript 取消 CSS(英文) 一篇初级教程,教你用 JS 取消网页的 CSS 样式表。 3、容器管理工具和反向代理工具(英文) 作者介绍,他如何用容器技术搭建服务器,所使用的技术栈和各种工具。 4、JavaScript 的怪异之处(英文) 一篇 JavaScript 的科普文章,介绍一些不太被注意的 JS 语法怪异之处。 5、谷歌搜索的 udm 参数(英文) 谷歌搜索的 url 可以加上一个 udm 参数,用来访问特定类型的结果,比如 udm=2 就是返回图像结果。 6、熵的解释(英文) 本篇长文用通俗的语言,解释"熵"的概念,有不少插图。 工具 一个可以生成复杂表格的 Python 库。 这个项目将终端模拟器 Ghostty 编译成 WASM 代码,从而可以在网页里面使用一个全功能的终端。 3、Infat 一个命令行工具,在 Mac 电脑上设置不同后缀名文件的默认打开方法。 一个使用 WebGL 的在线图片编辑器,作为原型演示,界面非常简洁。 5、CryptPad 免费使用的线上 Office 办公套件,支持端对端加密,参见介绍文章。 6、Lyrimuse macOS 桌面歌词工具,实时查找显示正在播放的歌曲的歌词。(@Yudaotor 投稿) 剪映(capcut)的非官方命令行工具,在终端里面创建/编辑视频。(@renezander030 投稿) 8、mailez 一个 Go 语言的二进制文件,实现自托管邮件系统,网页收发邮件,支持 SMTP / IMAP / POP3 / ManageSieve 四个协议。(@lianguan 投稿) 一款借鉴 iPhone Duo 设计的三合一 Mac 状态栏图标,集成 Wi‑Fi 、电池与音量。(@lingyired 投稿) 10、Polycompiler 一个有意思的项目,可以把 JS 脚本和 Python 脚本打包成一个脚本,同时能在 JS 环境和 Python 环境运行。 资源 1、gpcb.net 网络设备拓扑图的网页设计工具。(@abpyu 投稿) 2、视觉风格图鉴 用一颗苹果,展示100多种视觉风格,比如上图是霓虹风格的苹果。(@jerrymakes 投稿) 3、AI IP 检测 这个网站显示你连接 Claude、ChatGPT、Grok、Perplexity、Cloudflare 时,实际连接的 IP 地址。(@MuduiClaw 投稿) 4、引力(Gravity) 一个网页的多媒体教程,向观众介绍万有引力的相关知识。 图片 1、F-35 头盔 世界最贵的头盔是美国战斗机 F-35 的飞行员头盔,价值40万美元一个(约人民币300万)。 它那么贵的原因,在于可以连接飞机的传感器,接受和处理各种数据。 它内置一个360度显示屏,为飞行员提供夜视、飞行数据(下图)。 每个头盔都是 3D 扫描定制的,由碳纤维、凯夫拉纤维和各种光学元件制成。 苏联的航空公司曾经设想,使用直升机运送乘客。 上个世纪60年代,他们生产了一种当时世界上最大的直升机 Mi-6,可以乘坐80名乘客。 它长约33米,高10米。内部每排可以坐5个人,甚至还有厕所。 这种飞机只造过一架,用来运送乘客到苏联东部地区,进行石油和天然气工作。 文摘 1、糊状千层面 实话实说,现实中,大多数程序员的代码其实都很糟糕。 但是,糟糕的垃圾也分等级。一种情况是代码就像意大利面条(Spaghetti code),乱成一团,根本理不清。 好一点的情况是"糊状千层面"(slop lasagna)。这种代码也是糊在一起,但分成了很多层,至少可以按着层把它分开。 即使无法写出优秀出众的代码,你也要尽量避免意大利面式代码,争取写出千层面式代码。 一个实例就是 React 框架,它把代码拆分成组件,这样的好处就是,哪怕每个组件都是垃圾代码,至少可以单独替换某个组件。 删除组件、复制组件、内联组件、重写组件都是很容易的操作。因为组件之间是分离的,它让你只需关注单个组件的内部代码。 只要你的组件树的设计是合理的,那么单个组件内部的具体代码就无关紧要。某人写了一个10000行的垃圾组件,哪有什么关系呢,最终有人会重写它,它影响不到代码库的其他部分。 只要代码是千层面结构,那么单独一层很糟糕,并不影响全局。 真正重要的是下面的事情。 (1)数据如何在系统中流动,当前的数据从哪里输入,又输出了什么,以及你存储了哪些数据。 (2)用户体验如何,有没有明显的漏洞、糟糕的性能、前后不一致的行为。 (3)基本的抽象概念是否正确,有没有误用。 只要上面三点 OK ,代码又是组件式的可抽换结构,那么程序就没有大的问题。这时,某个组件是否冗长、写得好不好、是否简洁合理,有没有小 Bug,其实无关大局。 言论 1、 卫星会消耗行星的自转能量,从而加速行星的毁灭。 2、 想象两家非常相似的软件公司,收入相似,软件产品也相似。它们唯一的区别是,A 公司使用了 100 万行代码,而 B 公司使用了 10 万行代码。哪家公司会表现更好 ? 显然,代码行数只有别人十分之一的公司会表现更好。代码行数越少,就能更快地理解和修改代码。 -- 《代码就是债务》 3、 大模型会将你从一个编写代码的程序员,转变为一个管理上下文、剔除无关信息、编写详细提示词的程序员。 4、 一位创始人,如果在2024年组建了合适的团队却打造了错误的产品,那么坚持到2027年,他的团队就会变成久经沙场的团队,很可能打造出正确的产品。 失败带来的经验,就像根系中的养分被储存起来,等待下一个春天的到来,而不是白白浪费。 5、 很多技术出错,并不是太大的问题。GPS 出错,我很快会发现地点不对;Netflix 推荐的电影不好看,我就不看了。 但 AI 就不同了,它越先进,就越难知道它是否出错,因为我们会用 AI 去完成那些我们自己无法完成、也无法验证的任务。 一旦 AI 出错,我们只能不停召唤更强大 的 AI,希望咒语能够奏效。欢迎来到魔法师时代。 往年回顾 旧金山疯狂的 AI 广告(#366) 你一生的故事(#316) 自己做双语 EPUB 电子书(#266) 极简主义的胜利(#216) (完).

Connections

  • Design leads today's digest with 5 posts.
  • Sidebar appears 2 times, signaling strong recent output.

Stats

  • Posts in digest: 7
  • Posts fetched: 63
  • Feeds considered: 892
  • Feeds with new content: 22
  • Feed fetch failures: 17
  • Candidates selected: 14