2022 年 12 月

2022 年开源总结，从 17 年开始陆续参与开源，到今年尾 Pake / MiaoYan / XRender / WeexUI 累积到 2W Star 的样子，最开心是产品有不少同学喜欢和推荐，自己也慢慢从一个写前端的变成会一点点 Rust / Swift / Python 的工程师，认识不少志同道合的朋友，很是值得！
图一工具：wrapped.run/

日

#工程师学习 发现一个叫「Web Design Museum」的宝藏网站，收藏从1991年以来的 2000 多个精心挑选的网站/软件/Logo的历史变化，可以很好看明白当时的一些设计趋势，随便一看会让发现不少有趣的东西。
🤖 webdesignmuseum.org/

#奇妙效果 第七期推荐一个用 Three.js 来做的 3D 💀效果「Sparkly skull ✨」，是一个从 0 开始绘制的效果，很神奇和精致，可以去看看代码如何实现的。
🤖 codepen.io/Mamboleoo/pen/yLbxYdx

0:09

#工程师学习 看到一个通过可视化的方式来学习统计学的网站「看见统计」，包含概率论、概率分布、统计推断、回归分析等内容。整体很是生动形象，可以很好的补充遗漏知识点，对于工作中常见分析思路有不少帮助作用。
🤖 seeing-theory.brown.edu/cn.html

#潮流周刊 第110期 - 大阪夜景
weekly.tw93.fun/posts/110-%E5%A4%A7%E9%9…

#工程师工具 找了很久终于找到一个不错且易用的开发者工具箱叫做「He3」，有开发过程中常用的链接编码解码、JSON 对比、二维码解析、定时任务表达式编写、格式转换等功能，比用浏览器的 console 工具方便不少，很值得一试。
🤖 he3.app/

看到一个很不错的「新冠预防及治疗指南」Wiki，对历史毒株的介绍、新冠预防、治疗、个人防疫、如何对症吃药、康复指导等，对于不信中药的我认为讲得很有逻辑，也很科学，有兴趣的可以一看。
❤️ 也很希望中了的早日康复，没有中的千万不要中 ，这东西感染了比想象中难受不少。
mojidoc.com/03dbc-fgimwhphhvabnbzbxigh6c…

#工程师学习 【豆瓣 2022 读书榜单】来咯，买了 Kindle 后我一直在看王小波，很喜欢他的风格，等看完了，可以从这个榜单里面找找想看的。
🤖 book.douban.com/annual/2022

#奇妙效果 第六期推荐一个近两年年比较火的视差滚动效果「Parallax scroll animation」，苹果展示新产品就很喜欢用这个特效，放到一些产品介绍页面功能模块还是很合适的，一般采用 Gsap ScrollTrigger 方式来实现，可以去研究下这个如何实现的。
🤖 codepen.io/isladjan/pen/abdyPBw

#工程师工具 相比上次看到的 Screego ，这个 Chrome 扩展实现了一个很精致的屏幕录像标注工具 Screenity，作者是女性开发者，此产品很适合录制演示视频或讲课培训的场景，支持标签页、桌面、应用和摄像头，支持标注划线，也可很方便的导出视频，下次录制产品演示试试看。
🤖 chrome.google.com/webstore/detail/screen…

0:19

The creator of this beautiful product is @alyssaxuu 🎉

#工程师工具 推荐一个随用随走的屏幕共享工具 Screego ，打开网页后，创建 id 后通过浏览器来选择需共享桌面、某个应用或者某个网页，将地址给到需要共享的人即可，支持多用户，采用 WebRTC 安全传输，比较适合用在远程功能演示、Bug 排查等场景，有需要可一试，很方便。
🤖 app.screego.net/

很感谢提醒，我们在源项目底部有加一个还算正式的申明。
版权全部归于李志所有，我们仅从互联网搜集资源进行合并整理。从李志公众号发布的声明来看，他也希望会得到传播，所以才贸然建立了此 Repository，并已发送邮件告知李志。若邮件回复不允许，会立即删除。

#南京市民李先生 工程师可以给喜欢的歌手做什么？
🐝 周末时间和 Turkyden 结合 Pake 给搞了一个「LiZhi」客户端给喜欢 B 哥的朋友，支持多系统还不到 3M。
🎉 全部代码实现来自 Turkyden，资源用 GoldSubmarine 提供的 nj-lizhi ，我来打杂和提需求，可去 Pake 下载：
🤖 github.com/tw93/Pake

代码实现来自 Turkyden 的仓库 ，可惜他不上推，也很欢迎关注👏
github.com/turkyden/lizhi

#吃啥好吃的 今晚在杭州发现了一家很好吃的新疆菜叫「冒烟的阿凡提」，咸奶茶、烤包子、抓饭、大盘都很好吃深得我心，相比好吃的「巴依老爷」还要好吃一点点🥸

#工程师学习 最近 2022 年 CSS 生态调查出来了，近年来随着 Flexbox、Grid 和 CSS 变量的发展，其实CSS 远比之前要强大很少了，对于个人而言，比起逻辑性语言，更喜欢 CSS 样式编写。
此报告将今年 CSS 的一些从业者、特性、框架、工具分析得很清晰，值得一看。
🤖 2022.stateofcss.com/zh-Hans/

视觉盛宴，剧情如此老套却又如此好看，比我去潜水好玩多了，可以忘记时间的3个小时

#奇妙效果 第五期推荐一个这周看到的很高级的人物卡片效果展示「Profile Card Hover Effect」，比较适合放到类似设计师官网人物介绍模块，整体通过纯 CSS 来实现，很简单使用的 transition，动画完全不拖泥带水，爱好交互设计的小伙伴可以去玩玩。
🤖 codepen.io/petegarvin1/pen/YzWBbRx

0:04

#工程师工具 推荐一个好用的苹果带壳截图的手机 App 叫做「OneScreen」，很适合你快速做一些产品效果，支持 iPhone、iPad、Mac、Watch 的带壳截图，此外在背景、3D旋转、画布、填充上支持配置，普通版完全满足使用无广告，试了试我的桌面、妙言、潮流周刊效果如下~
🤖 itunes.apple.com/cn/app/id1355476695?mt=8

#工程师工具 推荐一个很简单好用的命令行手册工具 tldr，安装后对于忘记的命令，只需要执行 「tldr 名称」即可告诉你详细的使用，如 tldr ping、tldr tar、tldr yarn，适合经常使用命令行的同学，展示显示效果也还不错，感兴趣可以试试~ 🤖 npm install -g tldr ⛷️ tldr.sh/

下午找了个咖啡厅看王小波的《沉默中的大多数》，旁边一对父母在鸡娃学习英语，小孩练了好多遍有些不耐烦的感觉，我只能换一个地方带上耳机，正好和这本书有很多观点深表赞同，以后我有小孩会让他自由发展，不去和他人对比，能够明白些道理，遇见些有趣的事情就够了。

试试看 我这边测试不需要 感谢gpt.chatapi.art/ 地能力

现在 Pake 提供了命令行一键打包，你可以 npm install -g pake-cli , 然后 pake zsxq.com/ 即可

#工程师学习 对于工程师而言除了专业技能扎实外，其实「做明白事情」的能力更重要，不懵逼的干活比加班更有效，上周给部门同学做了下此话题的分享，不是特别会讲这种软技能，尽可能很接地气的方式给讲明白了，工程师在做事上「理清楚、讲明白、做到位」的一些个人的经验。
🤖 tw93.fun/2022-12-09/talk.html

#工程师学习 工程师系列的姊妹篇，除了专业技术，可以做明白事情外，对于偏业务型的开发工程师，会做易于使用的产品和工具也很重要，更偏向多个能力的综合体现，应该是8月前后的一个梳理《如何做一个产品工程师》
🤖 tw93.fun/2022-07-29/pd-code.html

#工程师学习 发现一个不错的软件工程师学习路线图，很适合当你计算机基础OK以后，在要决定做哪一块的时候，如说前端、后端、QA、区块链开发岗，此外里面还包括细分的方向的学习路线图，整体很新很实用，还提供下载的功能，内容上能够很好满足当前互联网工程师的岗位要求。
🤖 roadmap.sh/

🙊 我这边团队又有一个 P6 前端 HC 了，杭州某大厂，偏 React 技术栈，3-5 年经验都可，团队很年轻活波，不卷，没有写 PPT 画大图的风气，也不说赋能的话，交流接地气，注重用前端的专业性去解决业务上的问题，事情上能让你有工程师能力的成长，我不坑你
📮欢迎自荐和推荐，邮件详聊 dHc5M0BxcS5jb20=

#奇妙效果 第四期推荐一个很巧妙的无线端底部 Bar 代码效果，昨晚逛CodePen 看到的，使用起来非常细腻和粘手，动画很顺滑，看了下代码是没有使用任何框架，直接用原始 HTML/CSS/JS 实现，可以很好的放到现有场景中去使用，对于刚开始学前端的同学，有兴趣的可去把玩把玩。
🤖 codepen.io/flavio_amaral/pen/xxgYGrR

大概我的代码是 两块一行🤔，随手将这 237 行代码扔到掘金，居然得了一个奖，笑死😂

#工程师工具 看到一个很牛逼的 Github 洞察工具「OSS Insight」，通过分析 Github 50多亿事件，提供了实时查看和分析 GitHub 趋势的能力，可以发现很多好玩的东西，不局限于看整体开源趋势、对比分析项目和开发者、可视化的方式实时 GitHub贡献洞察、GitHub 2022 总结等等
🤖 ossinsight.io/

#工程师学习 推荐一个适合程序员的英语单词肌肉记忆锻炼好工具 Qwerty Learner qwerty.kaiyi.cool/
🐝内置了4/6级/托福/雅思等专业英语，也有编程中常用英语等词库，支持速度、正确率、音标、默写等功能
🤖 打包成 Mac/Window/Linux 小应用，体验不错，可去 Github 下载github.com/tw93/Pake

钟文泽感染新冠奥密克戎后，有关描述，以及需要常备的东西，可以一看。
youtube.com/watch?v=IfUOwQvke9g&feature=…

#工程师工具 推荐一个很简单用 Rust 打包网页生成桌面 App 的工具叫做 Pake，默认打包了微信读书、极简Twitter、YouTube、Flomo 等
❤️在最近一群开发者的贡献下，支持了Mac/Windows/Linux ，提供了一个很方便的命令行，可一键打包自定义网页成很小的 App，内测中欢迎试用～
🤖 github.com/tw93/Pake

Pake 开源建设来源于这两块，第一次真实体会中文圈的开源氛围

🤖讨论 github.com/tw93/Pake/discussions/76

🕵️起源于1023

今年我的 Spotify 最爱🤪

#奇妙效果 第三期推荐的效果是昨天看到的一个「Glassmorphism Creative Cloud App Redesign」，很适合一些高级的管理后台的设计参考，让更加有B格一些，普通的系统更推荐直接用通用化的方式来弄。看了看这一块代码，可以很方便的Copy到你现有框架中进行无缝使用。
🤖 codepen.io/TurkAysenur/pen/ZEpxeYm