第156期 - 富士山下

封面图来源于从大阪到东京新干线途中所拍,恰逢天气很好,拍到了远处的富士山 🗻,很很很不错,大概 5min 中观看时间。

记录每周看到的接地气的前端潮流技术,筛选后发布于此,觉得不错可关注此周刊,方便获取更新通知

技术学习

用 JS 获取系统的电量情况
https://deepesh-01.github.io/battery_indicator/
原来前端浏览器场景下可以通过 navigator.getBattery() 获取到当前系统的电池情况,是否在充电、当前电量、放电充电时间这些信息,可以想想可以用在什么场景?

Hacker News:您见过的最好的讲座是什么?
https://news.ycombinator.com/item?id=34591291
Hacker News 上有一个这样的帖子,What’s the best lecture series you’ve seen? 您见过的最好的讲座是什么?可以是技术方面的,也可以是其他方面的,是什么让它如此特别?有很多讨论,可以挑着看看。

1 分钟带你了解 Bento box 设计趋势
https://mp.weixin.qq.com/s/pXePIwnERlZSUSHqNO_GFQ
个人很喜欢这种设计风格,类似于便当盒的设计,不过其实挺难驾驭的。

潮流工具

MJML:让邮件内容像网页一样展示
https://mjml.io/
应该有同学有想让邮件内容像网页一样展示,特别在企业订阅类邮件的场景,但是直接用网页基本上兼容性会有问题,特别是对于响应式布局的场景,发现一个叫 MJML 的语法可以帮助你简单快速写出带布局效果的好看邮件,这个思路还挺好的。

iPhone 15 Pro 3D Mockups
https://figma.com/community/file/1303247171848616022
在 Figma 上看到一个 iPhone 15 Pro 3D Mockups 还可以,里面有不少 15 Pro 的 3d 模型可以直接使用,挑合适的还挺好的。

GPTs “泄露” 的 prompt
https://github.com/linexjlin/GPTs
逛 Github 发现有人整理 GPTs “泄露” 的 prompt,哈哈哈哈有一种偷学咒语的感觉。

Clipdrop:图片 AI 处理合集工具
https://clipdrop.co/
发现一个图片 AI 处理合集工具 Clipdrop ,包括 Stable Diffusion 生图、图片背景扩展、涂鸦变图像、擦出、去背景、光照优化、放大、背景替换等能力,免费版本完全够用,有需要小伙伴可以试试。

随便看看

AI 生成图片著作权侵权第一案判决书
https://mp.weixin.qq.com/s/Wu3-GuFvMJvJKJobqqq7vQ
北京互联网法院针对人工智能生成图片(AI 绘画图片)著作权侵权纠纷作出一审判决,据悉该案为 AI 生成图片相关领域著作权第一案,值得一看。

2023 Design Tools Survey
https://uxtools.co/survey/2023/demographics
2023 关于设计师很全的一个设计工具调研报告,有方方面面比较想了解的内容。