妙才

V1

2022/12/04阅读:44主题:蔷薇紫

前端周刊

东张西望,周刊闲聊

作者:妙才

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/

分类:

前端

标签:

前端

作者介绍

妙才
V1