思考 - 我的小世界呀

2026/5/7

Thu, 07 May 2026 11:16:43 GMT

https://m.okjike.com/originalPosts/69f9eb27c2dc8bf83f3bebe9

看完了？说点什么呢

2026/4/24

Fri, 24 Apr 2026 11:43:28 GMT

infra

看完了？说点什么呢

2026/4/24

Fri, 24 Apr 2026 11:37:22 GMT

理清 infra 付费逻辑

看完了？说点什么呢

2026/4/24

Fri, 24 Apr 2026 10:09:20 GMT

https://ezbookkeeping.mayswind.net/ -- 参考

看完了？说点什么呢

2026/4/24

Fri, 24 Apr 2026 06:44:04 GMT

账单系统初版 - 每日记账 - 预算

看完了？说点什么呢

2026/4/23

Thu, 23 Apr 2026 02:16:11 GMT

https://github.com/yihong0618/running_page/issues/980 1. 更新 mapbox token 2. 优化 runing 页面

看完了？说点什么呢

2026/4/21

Tue, 21 Apr 2026 07:05:17 GMT

https://github.com/mofukuru/SideNote -- 新增快捷键，优化体验

看完了？说点什么呢

2026/4/21

Tue, 21 Apr 2026 05:58:20 GMT

给你一版带链接的阅读清单。 **第一优先** - [实测 Claude Design 后，我发现所有自媒体都没夸到重点](https://mp.weixin.qq.com/s/xtmZkxOcH38KWhZNgNyHfA) - [拆开 Claude Design 伪装：全是模板，设计行业进入平庸时代](https://mp.weixin.qq.com/s/bGQCQ2vRATsY2eFEPAxjew) - [Modal vs. Separate Page: UX Decision Tree](https://www.smashingmagazine.com/2026/03/modal-separate-page-ux-decision-tree/) - [Onboarding is a transaction](https://www.antonsten.com/articles/onboarding-is-a-transaction/) - [微信 VS Telegram：谁的删除和撤回交互更优秀？](https://www.uisdc.com/hunter/0221666385.html) - [Dia 把「下载」做成了一次小型灯光秀和仪式感交互动效](https://www.uisdc.com/hunter/0221666528.html) **案例拆解** - [一个把「儿童+锁」合成一枚图标的神级小妙招](https://www.uisdc.com/hunter/0221666652.html) - [一个把 70 周年 + 校名 + 地标塞进一枚篆刻风 Logo 的案例](https://www.uisdc.com/hunter/0221666172.html) - [为什么王者荣耀世界的 UI 有一股极致廉价感](https://mp.weixin.qq.com/s/x4kVErDgu036DHExxlC2fw) - [字节的「二等公民」：为什么抖音团购买不到我想吃的店（周报原页）](https://www.ftium4.com/ux-weekly-277.html) 这篇在你贴的原文里没有露出单独外链，我先附它所在的周报页。 ([龙爪槐守望者](https://www.ftium4.com/ "龙爪槐守望者")) **工具资源** - [before.click](https://before.click/) - [AI Website Cloner Template](https://github.com/JCodesMore/ai-website-cloner-template) - [design-dna](https://github.com/zanwei/design-dna) - [Portfolio Audit Skill](https://github.com/hey-stefan/portfolio-audit) 你直接按这个顺序读：Claude Design 两篇 → Modal / Onboarding → 微信 vs Telegram → Dia → 4 篇案例 → 4 个工具。

看完了？说点什么呢

2026/4/21

Tue, 21 Apr 2026 01:58:20 GMT

mino gesture

看完了？说点什么呢

2026/4/20

Mon, 20 Apr 2026 07:35:58 GMT

https://blog.sakoamc.com/categories/weekly/ --- 周报参考

看完了？说点什么呢

2026/4/20

Mon, 20 Apr 2026 07:34:02 GMT

- [Web 动画中的挤压与拉伸原则](https://www.joshwcomeau.com/animation/squash-and-stretch/ "Web 动画中的挤压与拉伸原则")：介绍如何将迪士尼经典的“挤压与拉伸”动画原则应用到 Web 开发中，提升微交互质感。 - [7 种实用的 CSS 视图过渡方案](https://css-tricks.com/7-view-transitions-recipes-to-try/ "7 种实用的 CSS 视图过渡方案")：分享 7 种实用的 CSS 视图过渡代码方案，涵盖从基础配置到高阶动画的实现。 - [垂直代码架构：按功能划分的优势](https://tkdodo.eu/blog/the-vertical-codebase "垂直代码架构：按功能划分的优势")：探讨为什么按功能垂直划分比按技术类型水平划分的代码架构更具扩展性与可维护性。 - [HTML 原生音视频懒加载指南](https://engineering.squarespace.com/blog/2026/how-to-use-standard-html-video-and-audio-lazy-loading-on-the-web-today "HTML 原生音视频懒加载指南")：介绍如何使用 HTML 原生的 loading="lazy" 属性为视频和音频元素实现延迟加载以优化性能。 - [深入探讨浏览器内置 Intl API](https://polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/ "深入探讨浏览器内置 Intl API")：介绍 Intl API 如何以零成本、高性能的方式处理多语言环境下的日期、数字及文本格式化。 - [原生 TypeScript 中的代数思维实现](https://cekrem.github.io/posts/effect-without-effect-ts/ "原生 TypeScript 中的代数思维实现")：介绍如何在不引入 Effect-TS 的情况下，利用原生 TS 实现类型安全错误处理和显式依赖注入。 - [Building a Blog in TanStack (Part 1 of 2)](https://frontendmasters.com/blog/building-a-blog-in-tanstack-part-1-of-2/ "Building a Blog in TanStack (Part 1 of 2)")：本文介绍了如何利用 TanStack Start 框架构建一个基于 Markdown 的博客系统，涵盖了服务器函数、动态路由及代码高亮等核心实现细节。 ## CSS 新特性 - [Chrome 145+ 多列布局新特性](https://css-tricks.com/css-multi-column-layout-wrapping-features/ "Chrome 145+ 多列布局新特性")：介绍 Chrome 145+ 引入的 column-wrap 和 column-height 属性，实现多列布局的垂直折行。 - [使用纯 CSS 实现日期范围选择高亮](https://css-tricks.com/selecting-a-date-range-in-css/ "使用纯 CSS 实现日期范围选择高亮")：探讨利用 CSS 的 :nth-child(n of selector) 语法简化日期范围选择器的交互逻辑与样式实现。 ## 趣站与工具 - [wterm：基于 Zig 和 WASM 的高性能 Web 终端](https://wterm.dev/ "wterm：基于 Zig 和 WASM 的高性能 Web 终端")：一款由 Zig 驱动、基于 DOM 渲染的轻量级高性能 Web 终端模拟器。 - [Animata：近 200 个动画 React 组件](https://animata.design/ "Animata：近 200 个动画 React 组件")：免费开源的 React 动画组件集合，基于 Tailwind CSS 构建，专注背景、按钮、文本及小组件的动画增强，支持复制粘贴快速集成并灵活自定义样式。 - [React Photo Album：响应式照片库组件](https://react-photo-album.com/ "React Photo Album：响应式照片库组件")：支持行、列或瀑布流布局的 React 照片库组件，兼容 React 18+ 与 SSR，提供 [示例](https://react-photo-album.com/examples/masonry "示例") 与 [Playground](https://react-photo-album.com/examples/playground "Playground") 预览不同配置效果。 ## Codepen ### Pure CSS Ripple Effect 纯 CSS 涟漪效果 [https://codepen.io/editor/NikxDa/pen/019d5e38-b114-74da-bc98-e8862a92ecca](https://codepen.io/editor/NikxDa/pen/019d5e38-b114-74da-bc98-e8862a92ecca "A Link of https://codepen.io/editor/NikxDa/pen/019d5e38-b114-74da-bc98-e8862a92ecca") > NikxDa 结合了 CSS 滤镜、模糊、对比度和混合模式，营造出从文本底部向外辐射的涟漪效果。目前建议使用 Chrome 或 Safari 查看。

看完了？说点什么呢