029

2022/10/30 13:35

https://www.radix-ui.com/docs/colors/tests/balance

提供了多个色彩方案,目的是解决网站色彩方案选择的问题。看起来还挺有用的,因为它还提供了思路,如何去修改颜色,虽然我看了之后还是有点不明白为什么要这么做。第一个知道色版的每个颜色都应该用在什么位置,比如颜色列表中,1/2 是属于背景。

https://docs.qq.com/doc/DWHl3am5Zb05QbGVs

之前分享过的 AI 工具用于生成动漫角色,有人整理了可以生成很好效果的 prompt 例子。整理为魔法咒语手册还挺形象的。

https://deck-24abcd.netlify.app/

Pokemon 的卡片,更加让我在意的是居然可以模拟出来那种金卡的效果(不只一种金色花纹),他也给出如何实现的关键技术。可以打开控制台,可以看到金卡的效果是通过 css 实现的。

https://overreacted.io/goodbye-clean-code/

代码抽象并不永远是一件好事。我个人呢理解是在不同作用域下虽然做一件事情(代码上类似),但是有些重复代码可以表明它正在做不同事情。粗暴的来说,在 x - 1 可以代表速度,但是在另外的地方可能代表距离。

另外文中观点也提到了,除非是你一个人写代码,否则抽象代码需要得到别人同意的。另外,代码的作用是效率,抽象的时候需要考虑,是否它理解成本是否抵消了它的效率。

https://wangchujiang.com/reference/index.html

有几个类似的,比如 https://devhints.io/ ,我的 cheatsheets http://jwxomcs.vercel.app/ 也是启发自 https://devhints.io/ ,但是我存的更像是 gist,更少的 api reference。

https://height.app/blog/guide-to-build-context-menus

如何设计一个右键 menu ,很多时候借鉴了 mac 设计思路。有几个设计的很好
- 比如在二级菜单切换时,保证上一次三级菜单显示。提到了安全三角的概念。
- 加入快捷键进行导航和三级菜单选择。
- 禁用二级三级菜单动画看起来效果不错。

https://web.dev/state-of-css-2022/

2022 css 新增特性
- 看起来好像把移动设备的 100vh 的问题修复了。
- 自动为弹窗获取焦点的功能还不错。
- 以及大量关于颜色属性的更新。
- 以及 property 实现的动画好神奇
- 瀑布流布局现在有了更为简单的 grid 实现
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media 居然可以在 CSS query 动画和用户是否使用低流量。

https://vercel.com/blog/turbopack

招了一些 webpack 的人,感觉可以期待一波它的生态。

https://blog.jim-nielsen.com/2022/scroll-to-text-fragments/

支持在分享链接中如何跳转到复制的内容。比之前调整到标题力度要更小一点。

https://sparkmailapp.com/

主要是用于管理邮件的,在这个网站下载软件之后,会出现一个箭头,指示下载的文件现在在哪。感觉体验还是不错的。