第03期 - 元宵快乐

本期封面图来源于Leerob 分享的 Why You Should Use a React Framework 配图。

本周刊内容来源于我的 RSS 信息订阅源精选,包含:技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS,以便获取更新推送。

经验(Tips)

成为一名优秀的工程师需要不断积累经验。每个项目,哪怕是小项目,都是为你的工具箱添加新技术和工具的机会。当你能将在一个项目中学到的技术与在另一个项目中学到的工具相结合,从而解决问题时,这将带来更大的价值。这会让你受益匪浅。

技术

软件设计的哲学(中文翻译)
https://cactus-proj.github.io/A-Philosophy-of-Software-Design-zh/
如果我们想简化编写软件的过程,从而可以更便宜地构建功能更强大的系统,则必须找到简化软件的方法。尽管我们尽了最大努力,但复杂度仍会随着时间的推移而增加,但是更简单的设计使我们能够在复杂性压倒性优势之前构建更大,功能更强大的系统。

在 2024 年如何编写 CSS
https://leerob.io/blog/css
Leerob 分享的 CSS 知识,帮助开发者更好地理解和应用 CSS 来设计和开发现代网页。

浏览器的自发连接(英文)
https://sizeof.cat/post/web-browser-telemetry/
本文列出浏览器打开时,自动发出的 HTTP 请求。举例来说,Firefox 打开时自动发出15个请求,Chrome 12个,Edge 21个。

Base32 编码解释(英文)
https://linuxiac.com/how-to-set-up-ssh-to-use-two-factor-authentication/
本文详细解释 Base64、Base32、Base8 等等是如何编码实现的。

为什么用 React 一定要配合框架使用?
https://leerob.io/blog/react-frameworks
Leerob 分享的 Why You Should Use a React Framework,讲述了他关于为什么要使用 React 框架(如 Next,Remix,Gastby),而不是直接裸用 React 的一些见解,让我受益匪浅。

工具

🧩 交互动画库↗︎
https://www.animatereactnative.com/animations
面向设计师和开发人员的交互库!

移动 UI 组件各种介绍
https://designsystem.line.me/LDSG/components/inputs/pulldown-en
一个超级有用的网站,包含详细的移动 UI 组件集合。包括:布局、行为、国家、用法等

Dreamina
https://www.capcut.cn/ai-tool/platform
抖音团队的 AI 创作产品,提供文字绘图、ai 扩图、局部重绘、图片灵感功能。 提供文字绘图、prompt 图片灵感功能,用文字描述想要的图片;生成高清图后,可通过局部重绘、扩图功能优化图片。目前免费使用,拥有强大的中文理解能力和极致的美学创造力,摄影、插画、设计类图片通通帮你实现。

Arc Search
https://apps.apple.com/us/app/arc-search/id6472513080
AI 搜索,全新体验。2022 年底,Arc Browser 在 macOS 平台首发测试就引得「平地一声雷」,一度被冠上了「浏览器变革者」的称号。去年 4 月,Arc 移动版上架 App Store,不过由于 iOS 第三方浏览器对于引擎的限制,当时的移动版更多是作为桌面版的一种延伸,并没有激起很大的水花。不过,就在上周,The Browser Company 推出了一款基于生成式 AI 的全新浏览器应用 Arc Search,准备另辟蹊径「卷」死竞争对手。

EasyDevo
https://easydevo.boringboring.design/
作为一名开发者,你是否经常为杂乱的工作环境感到头疼?现在,有了 #EasyDevo,一切都将变得井井有条!

	🔍 EasyDevo 不仅仅是一个清理工具:
	📁 整理你的开发环境,清除无用文件
	💻 监控系统性能,掌握电脑运行状况
	📈 项目分析功能,轻松回顾投入时间

开源

**Comma.ai「自动驾驶」开源自动驾驶辅助系统 Openpilott **
https://comma.ai/
Openpilot:Comma.ai 是一个开源自动驾驶公司,他们开发了 Openpilot 项目,该项目提供了一套自动驾驶软件和硬件方案。他们的软件可以安装在特定的车型上,实现基本的自动驾驶功能,如巡航控制和车道保持。

PageSpy
https://www.pagespy.org/docs
这个仓库和 HuolalaTech/page-spy-web 相互配合,具体而言 page-spy 负责收集页面信息;page-spy-web 消费收集的信息,对数据进行过滤和整理,并将其转换成一种标准格式,最后在页面上呈现数据。

RSS 开源阅读器
https://github.com/yang991178/fluent-reader
RSS 信息聚合。这是一个不用看广告,不用频繁切换各种 APP 网站就能快速获取资讯,阅读文章的好办法。在 RSS 阅读器里,可以用紧凑模式,一目十行的获取科技软件类的更新。在这个资讯爆炸的时代,RSS 可以极大提高信息收集效率,它还可以摆脱算法推荐,打破信息茧房,重新做信息的主人而不是奴隶。

RSSHub国内镜像: https://rsshub.netlify.app/

资讯

有不少工程师有自己的网站,比如博客、产品官网等不少 元数据 META 信息不够完善,容易影响到本身的 SEO,找到一个开箱即用的 Chrome 插件叫 META SEO inspector,可以帮你把需要优化修改的点都列举出来,修改起来可以方便不少,还可以补充不少之前没有考虑到的。https://chromewebstore.google.com/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef