东张西望，周刊闲聊

作者：妙才

2022-05-09

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

「另外，上线了一个简单的静态博客来保存我的周刊内容，欢迎访问：https://weekly-omega.vercel.app」

妙才周刊^[1]

❝

欢迎 👏🏻 推荐一些值得分享的讯息

❞

惊鸿一瞥

英国一家公司发明了如图所示的透镜，效果如下：

资源

优质的图像素材资源站点 - Vecteezy

❝

Download Free Vector Art, Stock Photos & Stock Video Footage^[2]

❞

Vecteezy提供免费+收费的优质矢量艺术图，注册即可可以在你的项目或应用中免费使用部分资源。

前端学习资源

前端工程化知识体系^[3]

Figma Tutorial

❝

最火的设计软件

❞

学一点设计：Learn Design with Figma^[4]

谷歌前端入门HTML/CSS指南

Google HTML/CSS Style Guide^[5]

web开发者大师 Dr.Axel Rauschmayer书籍分享

Exploring JS: JavaScript books for programmers^[6]

工具

终端补全可视化工具

❝

Fig^[7]

❞

Fig 是一个具有IDE风格的终端补全的开源工具，其支持目前主流的终端软件以及三大shell:

• bash
• fish
• zsh

并且支持超过300+的 cli 工具补全功能，如果是你终端的重度用户，这个工具绝对不会让你失望。

响应速度极快，支持自定义的组合键，完全本地运行，或许你可以尝试看看。

技术

1、前端脚手架 - nextarter-chakra

❝

sozonome/nextarter-chakra: battery packed template / boilerplate to initialize PWA ready Next.js app with Chakra UI & Typescript setup^[8]

❞

印尼开发者sozonome开发的前端脚手架，支持:

• TypeScript
• Chakra-UI
• Next.js
• Eslint/Pretter/husky/lint-staged
• React
• PWA option
• SEO optimization/sitemap
• framer-motion

最后

😰晚了两三天发布，虽迟但到！

Reference

[1]

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

[2]

Download Free Vector Art, Stock Photos & Stock Video Footage: https://www.vecteezy.com/

[3]

前端工程化知识体系: https://q.shanyue.tech/engineering/#%E8%AF%B7%E6%88%91%E5%96%9D%E6%9D%AF%E5%92%96%E5%95%A1

[4]

Learn Design with Figma: https://www.figma.com/resources/learn-design/getting-started/

[5]

Google HTML/CSS Style Guide: https://google.github.io/styleguide/htmlcssguide.html

[6]

Exploring JS: JavaScript books for programmers: https://exploringjs.com/

[7]

Fig: https://fig.io/

[8]

sozonome/nextarter-chakra: battery packed template / boilerplate to initialize PWA ready Next.js app with Chakra UI & Typescript setup: https://github.com/sozonome/nextarter-chakra