50 个您一定会喜欢的免费工具和资源

7. Nhost

免费的东西总是让人兴奋。但如果它真的免费又超棒呢？免费的工具和资源，你一定会爱上。

开始吧！

1. Web开发资源

为开发人员提供的资源协作列表，按精选类别呈现。

链接：https://web-dev-resources.com/

2. 删除背景

删除图像背景：100% 自动 - 5 秒内 - 无需单击 - 免费。

链接：https://www.remove.bg/

3. 表格图标

免费开源图标设计注重细节，让您的设计脱颖而出。

链接：https://tablericons.com/

4. ClioW

URL 缩短器。

链接：https://cliow.com

5. 免费代码工具

免费 SEO 和代码工具的集合。

链接：https://freecodetools.org/

6. 冷却器

为您的设计生成或浏览漂亮的颜色组合。

链接：https://coolors.co/

7. Nhost

使用 GraphQL 的开源 Firebase 替代品。

链接：https://nhost.io/

8. DevSamples

DevSamples 是一个代码示例列表，您可以根据需要复制并粘贴到项目中。它主要侧重于 Web 开发，但也提供多种语言的示例。

链接：https://www.devsamples.com/

9. Lorem 图片

Lorem Ipsum......但用于照片

链接：https://picsum.photos/

10. Netlify

使用 Netlify 部署现代静态网站。获取 CDN、持续部署、一键 HTTPS 以及您所需的一切服务。免费开始使用。

链接：https://www.netlify.com/

11.Pxfuel

数百万张公共领域库存照片在 Creative Common Zero 许可下发布，全部可免费用于商业用途。

链接：https://www.pxfuel.com/

12. Font Awesome

全球最受欢迎、最易用的图标集现已升级。更多图标，更多风格，更多选择。

链接：https://fontawesome.com/

13. GTmetrix

GTmetrix 是一款免费工具，可以分析您网页的速度表现。GTmetrix 使用 PageSpeed 和 YSlow 为您的网页生成评分，并提供切实可行的改进建议。

链接：https://gtmetrix.com/

14. Resume.com

最佳免费简历生成器，绝无噱头。在 Resume.com，您可以创建一份专业的简历，凸显您的最佳品质，无需任何额外费用即可获得理想的工作。求职不应该花钱。

链接：https://www.resume.com/

15. daily.dev

daily.dev 是获取最新编程资讯的最便捷方式。它汇集了由庞大开发者社区评选的文章。您可以获取来自顶级科技出版物的精彩内容，涵盖任何您想要的主题。所有内容尽在一个浏览器扩展程序中

链接：https://daily.dev/

16.DevDocs

面向开发者的快速、离线且免费的文档浏览器。在一个 Web 应用中搜索 100 多个文档：HTML、CSS、JavaScript、PHP、Ruby、Python、Go、C、C++……

链接：https://devdocs.io/

17.羽毛图标

Feather 是一系列简洁美观的开源图标。每个图标均采用 24x24 网格设计，注重简洁性、一致性和可读性。

链接：https://feathericons.com/

18. shortcode.dev

一些有用的代码片段和示例。元素、属性和选择器。

链接：https://shortcode.dev/

19. Canva

与你的团队一起创作精美的设计。使用 Canva 的拖放功能和布局来设计、分享和打印名片、徽标、演示文稿等。

链接：https://www.canva.com/

20. Mockuper.net

mockuper，免费的模型生成器，用于创建自定义图像来展示您的精彩作品。

链接：https://mockuper.net/

21. CSS Nectar

CSS Nectar 是一个面向网页设计师和开发者的 CSS 网站设计展示平台。我们每天都会精选最优秀的网页设计，并将其添加到我们的图库中。

链接：https://cssnectar.com/

22. BGJar

为您的网站、博客和应用程序提供免费的 svg 背景生成器。

链接：https://bgjar.com/

23. Photopea

Photopea 在线照片编辑器可让您编辑照片、应用效果、滤镜、添加文字、裁剪或调整图片大小。在浏览器中免费进行在线照片编辑！

链接：https://www.photopea.com/

24. 韦尔塞尔

部署具有最佳前端开发人员体验和最高最终用户性能的 Web 项目。

链接：https://vercel.com/

25. 有趣的 JavaScript 项目

通过基于项目的实用方法免费学习 Javascript。

链接：https ://fun-javascript-projects.com/

26. Flaticon

3743500+ 个免费矢量图标，SVG、PSD、PNG、EPS 格式或 ICON FONT 格式均可。全球最大的免费矢量图标数据库中，数千个免费图标应有尽有！

链接：https://www.flaticon.com/

27. 超棒的 Python

精选的优秀 Python 框架、库和软件列表。

链接：https://awesome-python.com/

28. CSS 参考

CSS 参考手册是一本免费的 CSS 可视化指南。它涵盖了最常用的 CSS 属性，并通过图文并茂的动画示例进行讲解。

链接：https://cssreference.io/

29. Sidebar.io

每个工作日提供五个最佳设计链接。

链接：https://sidebar.io/

30. 网格示例

学习 CSS 网格布局所需的一切。

链接：https://gridbyexample.com/

31. 英雄偶像

由 Tailwind CSS 制作者制作的精美手工 SVG 图标。

链接：https://heroicons.com/

32.延迟

免费的全球延迟性能测试工具。

链接：https://latency.apex.sh/

33.远程工作

随时随地释放机遇！

链接：https://workremote.cc/

34.Unsplash

精美的免费图片和照片，可供下载并用于任何项目。比任何免版税或库存照片都好。

链接：https://unsplash.com/

35.简单图标

1400 多个适用于热门品牌的免费 SVG 图标。

链接：https://simpleicons.org/

36. CSS统计

CSS Stats 为您的样式表提供分析和可视化。

链接：https://cssstats.com/

37. Squoosh.app

直接在浏览器中压缩并使用不同的编解码器比较图像。

链接：https://squoosh.app/

38. JavaScript测验

JavaScript 测验——通过乐趣检验您的知识。

链接：https://javascriptquiz.com/

39.UI车库

每日为设计师、开发人员提供 UI 灵感和模式，以便为您的项目找到灵感、工具和最佳资源。

链接：https://uigarage.net/

40. unDraw

这个设计项目提供开源插画，满足您所有想象和创作的需求。免费使用您的颜色，创建精美的网站、产品和应用程序。

链接：https://undraw.co/

41. Figma

团队协作，打造更优质的产品。使用 Figma，在一处即可完成设计、原型设计和收集反馈。

链接：https://www.figma.com/

42. 哈希节点

Hashnode 是一个免费的内容创作平台和社区，允许您在自己的域上发布文章，并帮助您与不断壮大的开发者社区保持联系。

链接：https://hashnode.com/

43. 免费 CSS

Free CSS 有 3133 个免费网站模板，所有模板都是免费 CSS 模板、开源模板或知识共享模板。

链接：https://www.free-css.com/

44.DrawKit

免费矢量 SVG 插图，可用于您的下一个项目，无需署名！矢量插图、素材包、图标等等。

链接：https://www.drawkit.io/

45. 公共 API

为开发人员提供超过 1000 个免费公共和开放 REST API 的集合列表，如电影 API、动漫 API、天气 API、音乐 API、游戏和漫画 API、货币 API、体育 API、科学 API、开放数据 API 等。

链接：https://public-apis.io/

46. CSS.gg

纯 CSS 图标库，可自定义，支持 Retina 屏幕，100% 采用纯 CSS、SVG、SVG Sprite、styled-components、Figma 和 Adob​​e XD 构建。轻松集成：嵌入、NPM 和 API。

链接：https://css.gg/

47. Jr.DevJobs

初级开发人员的工作

链接：https://www.jrdevjobs.com/

48.概念

一款将您的日常工作应用融为一体的全新工具。它是您和您团队的一体化工作空间。

链接：https://www.notion.so/

49. Compresspng.com

PNG 压缩和优化工具，将 PNG 图像压缩为支持透明度的 PNG-8 格式

链接：https://compresspng.com/

50. Compressor.io

在线优化和压缩 JPEG、PNG、SVG、GIF 和 WEBP 图像。免费压缩、调整大小和重命名您的照片。

链接：https://compressor.io/

如果您喜欢这篇文章，请务必❤️它。

感谢您的阅读。如果您有兴趣了解更多关于 Web 开发的信息，请访问我的博客。我从事Web 开发多年，经常撰写 Web 开发实践技巧和资源。

祝你编码愉快！❤️