第123期 - 杭州新绿

封面来源于走路上班路上早上的随手拍,突然现在新树上面的新叶子慢慢长出来了,很嫩绿,生机勃勃。

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

技术相关

Bilibili-AVIF 图片格式落地
https://mp.weixin.qq.com/s/4HaVDdSCPgsRpT8HhWRsZA
看看 B 站是如何使用 AVIF 图片的,包括整个落地过程。

精读《维护好一个复杂项目》
https://mp.weixin.qq.com/s/Fh72-rVU_I-ilCLQTCfgug
总结一些持续维护项目变得难以维护的原因,以及如何设计才能保持良好的可维护性。

概念模型设计
https://maxoxo.me/conceptual-model-design/
概念模型是产品设计中会用到的一种图形工具,通过图形来描述产品作为系统会出现哪些概念以及这些概念之间的联系。它可以帮助产品经理了解产品的未来,制定产品规划,也可以帮助设计师来设计网站的信息架构,对于工程师来说,概念设计实际上和数据库设计以及声明式编程的理念也很类似,也可以作为参考。

潮流工具

Tango:几秒钟内创建带有截图的操作指南
https://chrome.google.com/webstore/detail/tango-how-to-guides-and-s/lggdbpblkekjjbobadliahffoaobaknh
这个 Chrome 扩展「Tango」太适合写说明书文档的同学了,让你在几秒钟内创建带有截图的操作指南,你只需要负责点击你的操作流程,它来帮你记录操作说明,甚至标题都帮你生成好了,相比之前手写要快不少,此外也支持很方便的导出、分享、嵌入到文档。

Happy Hues:独立网站颜色搭配神器
https://www.happyhues.co/
之前自己独立设计网站的时候,最容易纠结的事情就是主题颜色搭配,早上看到一个叫「Happy Hues」神器,提供了多种风格颜色的真实网站效果演示,从之前的反而微调到了直接选择一个模版,复制颜色搞定,有类似纠结感的同学可以试试。

City Walks Live:城市漫步街景
https://citywalks.live/
和上期那个各个城市开车相比,找到了一个在各个城市散步的网站「City Walks Live」,实时观看来自全球各地的城市街景,这个方式相比其他的方式对于了解当地氛围景色要好不少,一种独特的方式来了解不同城市的文化和生活方式。

Mockups:高质量模版素材下载
https://mockups-design.com/
一个免费的高质量真实世界的模版素材下载的网站,比如手 3D 物体、画册、名片等素材样张 PSD 文件,下载后,自己二次自定义,比如给一个纯白的杯子贴画二次设计的过程。

妙言发布了新版本「更妙了」
https://github.com/tw93/MiaoYan/releases
妙言最近发布了 V1.10 版本,本次最大的更新为大幅提升导出 PDF 的体验、PPT 使用体验、预览优化体验、架构升级等。

随便看看

有哪些常见却叫不上名的植物?
https://www.zhihu.com/question/585362867
挺有趣的,的确有很多见过的但是不知道叫什么的植物。

南方人吃起油条来,到底多疯狂
https://www.huxiu.com/article/952438.html
你不知道刚刚出锅的大油条有多好吃。

谁在为年轻人加苦情戏
https://www.huxiu.com/article/1022783.html
环境并没有变好,“长衫好脱,但重体力活相当不好做。而轻体力刚好解决了脑力劳动的疲惫,又不至于对身体素质要求过高。”