东张西望，周刊闲聊

作者：妙才

2022-12-05

记录笔者每周看到的那些值得分享（或许）的科技和其他讯息，周一发布（或多或少）。

❝

妙才周刊^[1], 欢迎 👏🏻 推荐一些值得分享的讯息

❞

他说

• 攀比会偷走快乐
• 极简主义：舍弃不必要的一切
• “过去的经历使我意识到缺乏评论框不会阻碍那些真正想要交流的人，如果真的有必要，即使在没有评论框的情况下，这些人也能通过各种方式向我发送信息，这本身是非常奇妙的。”
• 花点时间把今天看做一个机会
• 大多数人只能成为无能的模仿者，如果你也是模仿者，那就去模仿最优质的目标。
• 有时，最短，最简单的路径可能是错误的路径，而最远，最困难的路径才是正确的。如今几乎所有事情都有摩擦更小，更人性化的解决方案。 遗憾的是，那些能够被动获得的解决方案，其本质多是在向人们兜售某种产品。

技术

Slidev^[2]

为开发者打造的演示文稿工具，如果你需要为团队或其他群体做技术分享，或许你会喜欢这个很有技术范的演示文稿工具。

❝

Slidev 依然在开发中，API和用法尚未稳定，但值得我们期待。

❞

BlackGlory/parse-favicon: 🌲 Parse HTML to get icon information^[3]

Node环境下，获取某个站点的favicon的工具。

Free Open Source Tailwind CSS Components | HyperUI^[4]

基于tailwindcss且开源的原生组件示例，无论是直接使用还是逐一学习其实现，都很有现实意义。

我们可以直接利用这些内容来帮助我们实现自己的需求，也可以学习到其构建结构化良好的组件的方式。

❝

在我看来，其后者的意义对于个人开发者来说更重大，这个真的很不错。我决定将之加入到自己的待办事项之中。

❞

《阮一峰 Web API 教程》 - 书栈网 · BookStack^[5]

阮一峰所著的web api教程，图文并茂。我想每一个web开发者都需要了解这部分的知识，这会在未来某一天你需要写涉及这部分功能的产品时发挥作用。

nuxt-modules/icon: The component, supporting Iconify, Emojis and custom components. ^[6]

这绝对是在Nuxt框架下最佳的Icon解决方案之一，或许可以参考这个组件去构建基于企业或团队内部的SVG Icon解决方案。

A Web Developer's Browser | Responsively App^[7]

一款可以同时预览web开发响应式效果和滚动截屏的跨平台应用，关键是开源且免费。

如果你也需要为某些项目编写响应式代码，或许这会对你预览效果产生帮助。

[TinyPNG – 智能压缩您的WebP、JPEG和PNG图片^[8]](https://www.colorhexa.com/color-names)

这是一个支持图片压缩的在线应用，并且支持API调用。压缩效果很不错，支持5M以下尺寸的免费压缩。

Gradient Borders in CSS | CSS-Tricks - CSS-Tricks^[9]

基于CSS的渐变边框样式实现方案介绍。

最后

度过了一个美好的周末，我写周刊的能量条又恢复了。

工作好忙，学习如何处理这些事情的同时，恢复自己的能量也很重要。

去看了牙医，麻药打下去我是真的麻了，要好好保护牙齿。

Reference

[1]

妙才周刊: https://weekly-omega.vercel.app/

[2]

Slidev: https://sli.dev/

[3]

BlackGlory/parse-favicon: 🌲 Parse HTML to get icon information: https://github.com/BlackGlory/parse-favicon#readme

[4]

Free Open Source Tailwind CSS Components | HyperUI: https://www.hyperui.dev/

[5]

《阮一峰 Web API 教程》 - 书栈网 · BookStack: https://www.bookstack.cn/books/webapi-tutorial

[6]

nuxt-modules/icon: The component, supporting Iconify, Emojis and custom components.: https://github.com/nuxt-modules/icon

[7]

A Web Developer's Browser | Responsively App: https://responsively.app/

[8]

[TinyPNG – 智能压缩您的WebP、JPEG和PNG图片: https://tinify.cn/

[9]

Gradient Borders in CSS | CSS-Tricks - CSS-Tricks: https://css-tricks.com/gradient-borders-in-css/