我最喜欢的资源是兼职自由职业者💎

我读过大量的资源集。

我想你也是这样。

这就是我写这篇文章的原因，希望它能够真正帮助您更快地创造出新的优质作品。

因为“更好”对于您的品牌来说永远是一场失败的游戏。

您只需要在建设时更加明智，从而赚得更多💵，并减少⏳的支出。

所以这里没有废话💩。

✨ 让我们直奔主题 ✨

If you like any of this, react with 💕 and I will make more

📦韦尔塞尔

我强烈推荐这个。我也用过 Netlify，但因为界面更流畅，所以换成了 Vercel。它是免费的，只需点击几下就可以托管你的项目，而且还会提供 SSL 证书，这样你的网站就不会被标记为“不安全”。

或者如果你正在开发原型，可以使用 Tiiny.host。无需注册，只需拖动文件夹即可获得链接。有效期为 3 天，之后将失效。

🧪悬停

虽然是付费的，但物有所值。比其他的（18美元）便宜，而且很棒。我在开发东西或浏览网站时，经常会用到它的颜色选择器和网格系统，看看各个 div 的位置。

🎀 Csslayout.io

在其他合集里从未见过这个。超级好用又快速的代码片段，可以用来制作布局、导航、标题等等。向开发团队成员phuocng致敬，他也是这个作品的作者。

🔑很好很好

这个网站本身就汇集了非常优秀的资源。我最常用的是他们的组件部分，我经常在那里寻找参考资料。需要构建一个英雄组件？去那里看看英雄组件的示例。我把它和Hoverify一起使用。

🧲Paatern.css​

这只是我粗略用过的东西，但我很喜欢它。背景和背景图像图案可以为你的设计增添复杂性。

🧷表格图标

在成千上万的图标提供网站中，我最喜欢的是这个。它全部采用 SVG 格式，颜色、大小和粗细均可自定义。

🔋 Tailwind CSS

好吧，之所以选这个，只是因为我太喜欢它了。你可能已经知道它了。用 Tailwind 构建东西超级简单。它是一个实用优先、移动优先的 CSS 框架，最近用户评价很高。我认同它的炒作。

🔮设计系统仓库

这个项目仓库包含大量的设计系统、样式指南和模式库。有时我会在这里滚动浏览，看看是否想尝试一些超出自己舒适区的东西。

🎁 Treact

这真是太棒了！我用它搭建了一个完全响应式、美观的 React 网站，所以我知道它很棒。他也用Tailwind。

🚒尾块

看到这里，你应该知道我喜欢Tailwind了。我用Tailblocks在Vercel上托管，在一小时内就搭建了一个响应式个人作品集。结构非常好，使用起来也很方便。

🎣打开

有点舍不得把这个放在这里，因为它要49美元，我也没买。不过我很喜欢它的视觉效果，而且我有个朋友用过，所以就放在这里了。

⚾️ Web.dev

完成网站建设时一定要用这个。它会对你的SEO、可访问性、网站速度等进行评分。如果你还没看过，一定要看看。

🎨投影仪

我觉得这个挺新的。我用它给客户快速制作演示文稿。你不一定要这么做，但感觉比直接给客户发网站链接好多了。

🧸公共 API

一份令人惊叹的公共 API 列表，可供使用。列表非常庞大，而且有如此多不同类型的 API 可供尝试，真是令人惊叹。

就这样吧，亲爱的各位会员们。

如果您喜欢其中任何一个，请用💕做出一点反应，我会制作更多。

另外，请在Twitter上关注我，我们一起闲逛吧🏓