副项目更新 - Fluenticons v2
所以,去年二月我做了一个小型周末项目,上个月我发布了它的第二版。
Fluenticons是一款用于查看 Microsoft Fluent 图标的图标查看器。它拥有超过 4000 个精美的开源图标,您可以在项目中使用它们。
Fluenticons 现在由 Iconfinder 赞助,注册即可获得价值 10 美元的积分(通过 Fluenticons 中的横幅广告)。
v2版本新增了哪些内容?
- 不再使用任何技巧,我现在使用的是真正的 SVG,因此能够添加一些新功能,例如对它们进行操作。
- 您可以复制 SVG、Vue 组件、React 组件、HTML 图片的代码片段。
- 您现在可以下载 SVG、PNG、WEBP、Vue 组件、React 组件。
- 调整颜色,看看图标的效果。
- 性能大幅提升,加载速度快得惊人!(Lighthouse 得分 100 分,太棒了!!)从 Vercel 迁移到 Cloudflare Pages 后,网站加载时间竟然只有 600 毫秒,真是让我惊喜不已。
接下来是什么?
- 制作一个高级编辑器,比如给图标添加边框。灵感来源:Bakery 和 Iconscout 的图标编辑器(需要大量的数学运算,而我并不擅长)。
- 创建一个 npm 包,供其他人在自己的 Web 项目中使用这些组件,可能类似于 Web 组件,比如 boxicons。
技术栈
Nuxt.js
Tailwind CSS。
托管于 Cloudflare Pages。