50个很棒的免费工具和资源，总有一款适合您！

免费的东西总是令人兴奋的。但是，如果它是免费且很棒的呢?

让我们开始吧！

1. tablericons

免费和开源的图标设计与关注细节，使您的设计脱颖而出。

Link: tablericons.com

2. removebg

删除背景，适合做证件照，比自己Ps效果好多了。

Link: remove.bg

3. devresource

为开发人员提供的协作资源列表，以精心策划的类别呈现。

Link: devresourc.es

4. Blender

免费和开放的3D创作软件。

Link: blender.org

5. Free Code Tools

免费搜索引擎优化和代码工具的集合。

Link: freecodetools.org

6. Coolors

生成或浏览美丽的颜色组合为您的设计。

Link: coolors.co

7. loading.io

Link: loading.io

8. DevSamples

DevSamples是一个代码示例列表，您可以根据需要复制并粘贴到您的项目中。主要关注的是web开发，但也有来自各种语言的例子。

Link: devsamples.com

9. Lorem Picsum

设置图片的大小，生成随机图片

Link: picsum.photos

10. Netlify

免费cdn

Link: netlify.com

11. Pxfuel

数以百万计的公有领域的库存照片在创造性的共同零许可下发布，所有的商业使用免费。

Link: pxfuel.com

12. Font Awesome

世界上最流行和最容易使用的图标集刚刚得到升级。更多的图标。更多的风格。更多的选择。

Link: fontawesome.com

13. GTmetrix

GTmetrix是一个分析页面速度性能的免费工具。使用pagesspeed和YSlow, GTmetrix为你的页面生成分数，并提供如何修复它们的可行建议。

Link: gtmetrix.com

14. Resume.com

没有噱头。在Resume.com网站上，你可以制作一份专业的简历，突出你的优点，这样你就可以在不花钱的情况下找到理想的工作。找工作不应该花钱。

Link: resume.com

15. daily.dev

Daily.dev是保持最新节目新闻的最简单方法。它是一个由大量开发者社区进行排名的文章提要。获得最好的内容，从顶级技术出版物上的任何主题，你想要。

Link: daily.dev

16.DevDocs

为开发者提供快速、离线和免费的文档浏览器。在一个web应用程序中搜索100多个文档:HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, c++…

Link: devdocs.io

17. Feather Icons

Feather是一个漂亮的开源图标集合。每个图标都设计在一个24x24的网格上，强调简单、一致性和可读性。

Link: feathericons.com

18. shortcode.dev

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

Link: shortcode.dev

19. Canva

和你的团队一起创造美丽的设计。使用Canva的拖放功能和布局设计，共享和打印名片，标志，演示和更多。

Link: canva.com

20. Mockuper.net

Mockuper，免费的模型生成器创建自定义图像，以显示您的了不起的作品。

Link: mockuper.net

21. CSS Nectar

CSS花蜜是一个CSS网站设计展示给web设计师和开发者。每天我们都会选出最好的网页设计并将其添加到我们的图库中。

Link: cssnectar.com

22. BGJar

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

Link: bgjar.com

23. Photopea

phototopea在线照片编辑器可以编辑照片，应用效果，滤镜，添加文本，裁剪或调整图片大小。做在线照片编辑在您的浏览器免费!

Link: photopea.com

24. Vercel

使用最好的前端开发人员体验和最高的终端用户性能部署web项目。

Link: vercel.com

25. fun-javascript-projects

免费学习Javascript，基于项目的方法学习。

Link: fun-javascript-projects.com

26. Flaticon

3743500+免费矢量图标SVG, PSD, PNG, EPS格式或图标字体。成千上万的免费图标在最大的免费矢量图标数据库!

Link: flaticon.com

27. Awesome Python

一份精选的Python框架、库和软件列表。

Link: awesome-python.com

28. CSS Reference

CSS参考是一个免费的CSS视觉指南。它很受欢迎，并解释与插图和动画的例子。

Link: cssreference.io

29. Sidebar.io

五个最佳设计环节，每个工作日。

Link: sidebar.io

30. Grid by Example

所有你需要学习CSS网格布局。

Link: gridbyexample.com

31. Heroicons

漂亮的手工制作SVG图标。

Link: heroicons.com

32. Latency

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

Link: latency.apex.sh

33. We Work Remotely

设计、编程、营销等远程工作。

Link: weworkremotely.com

34. Unsplash

美丽的，免费的图像和照片，你可以下载和使用的任何项目。比任何免版税的照片和图片库都要好。

Link: unsplash.com

35. Simple Icons

1400+流行品牌的免费SVG图标。

Link: simpleicons.org

36. CSS Stats

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

Link: cssstats.com

37. Squoosh.app

压缩和比较图像与不同的编解码器，就在您的浏览器。

Link: squoosh.app

38. Fast design

适应现代网络体验的界面系统。

Link: fast.design

39. UI Garage

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

Link: uigarage.net

40. unDraw

设计项目与开源插图的任何想法，你可以想象和创造。创建美丽的网站，产品和应用程序与您的颜色，免费。

Link: undraw.co

41. Figma

以团队的形式打造更好的产品。设计，原型和收集反馈在一个地方与Figma。

Link: figma.com

42. Hashnode

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

Link: hashnode.com

43. Free CSS

免费CSS有3133个免费的网站模板，所有的模板都是免费的CSS模板、开源模板或创意共用模板。

Link: free-css.com

44. DrawKit

免费矢量SVG插图，您可以在您的下一个项目中使用，没有归属要求!矢量插图，包，图标和更多。e.

Link: drawkit.io

45. Public APIs

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

Link: public-apis.io

46. CSS.gg

Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API.

Link: css.gg

47. Jr.DevJobs

初级开发人员的工作

Link: jrdevjobs.com

48. Notion

一个新的工具，将你的日常工作应用程序混合到一个。这是您和您的团队的一体化工作空间。

Link: notion.so

49. Compresspng.com

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

Link: compresspng.com

50. Compressor.io

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

Link: compressor.io

Happy coding! ❤️

欢迎关注！没有焦虑只有干活的技术公众号！