跳到主要内容

100 种不错的免费工具和资源

原文地址 iyouport.substack.com

免费很重要。好用就更重要了。

这里是一些免费的,且很出色的工具资源。

1. Tabler Icons

免费和开源的图标,设计时注重细节,使您的设计脱颖而出。

链接:https://tablericons.com

2. Remove bg

移除图片背景:100% 自动 — — 在 5 秒内,无需点击,免费。

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

3. Dev Resources

一个供开发人员使用的协作资源列表,以策划的类别呈现。

链接:https://devresourc.es/

4. Blender

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

链接:https://www.blender.org/

5. Free Code Tools

免费的 SEO 和代码工具集。

链接:https://freecodetools.org/

6. Coolors

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

链接:https://coolors.co/

7. loading.io

用 SVG / CSS / GIF / PNG 建立您的 Ajax 加载图标、动画文本和更多的东西。

链接:https://loading.io/

8. DevSamples

DevSamples 是一个代码样本的列表,供您根据需要复制和粘贴到您的项目中。主要是 Web 开发,但也有各种语言的样本。

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

9. Lorem Picsum

就是您知道的 Lorem Ipsum,但用于照片。

链接:https://picsum.photos/

10. Netlify

用 Netlify 部署现代静态网站。获得 CDN、持续部署、一键式 HTTPS 和所有您需要的服务。免费开始使用。

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

11. Pxfuel

数以百万计的公共领域的图片,所有的商业用途都是免费的。

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

12. Font Awesome

世界上最受欢迎和最容易使用的图标集刚刚得到升级。有更多的图标、更多风格、更多选项。

链接:https://fontawesome.com/

13. GTmetrix

GTmetrix 是一个免费的工具,可以分析您的页面的速度性能。使用 PageSpeed 和 YSlow,GTmetrix 为您的页面生成分数,并提供关于如何改进的可行建议。

链接:https://gtmetrix.com/

14. Resume.com

最好的免费简历生成器。您可以可以建立一个专业的简历,突出您最好的品质,这样您就可以在没有任何支出的情况下找到梦想的工作。申请工作不应该花钱。

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

15. daily.dev

daily.dev 是保持了解最新的编程新闻的最简单方法。它是一个由庞大的开发者社区排名的文章 feed。从顶级科技出版物中获取您想要的任何主题的最佳内容。一体化的浏览器扩展。

链接:https://daily.dev/

16. DevDocs

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

链接:https://devdocs.io/

17. Feather Icons

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

链接: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. Vercel

以最佳的前端开发者体验和最高的终端用户性能部署您的项目。

链接:https://vercel.com/

25. Fun-javascript-projects

以实用的、基于项目的方式免费学习 Javascript。

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

26. Flaticon

3743500 + 免费的 SVG、PSD、PNG、EPS 格式的矢量图标,或作为 ICON FONT。最大的免费矢量图标数据库。

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

27. Awesome Python

一个精心策划的超棒的 Python 框架、库和软件的列表。

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

28. CSS Reference

CSS Reference 是一个免费的 CSS 视觉指南。它以最流行的属性为特色,并以图文并茂的例子来解释它们。

链接:https://cssreference.io/

29. Sidebar.io

每天五个最好的设计资源,每个工作日都有。

链接:https://sidebar.io/

30. Grid by Example

您在学习 CSS 网格布局时需要的一切。

链接:https://gridbyexample.com/

31. Heroicons

漂亮的手工制作的 SVG 图标,来自 Tailwind CSS 的制作者。

链接:https://heroicons.com/

32. Latency

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

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

33. We Work Remotely

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

链接:https://weworkremotely.com/

34. Unsplash

漂亮的免费图片和照片,您可以下载并用于任何项目。质量比其他同类库存更高。

链接:https://unsplash.com/

35. Simple Icons

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

链接:https://simpleicons.org/

36. CSS Stats

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

链接:https://cssstats.com/

37. Squoosh.app

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

链接:https://squoosh.app/

38. Fast design

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

链接:https://fast.design/

39. UI Garage

为设计师、开发者提供新的 UI 灵感和模式,为您的项目寻找灵感、工具和最佳资源。

链接:https://uigarage.net/

40. unDraw

具有开源插图的设计项目,适用于您能想象和创造的任何想法。用您喜欢的颜色创建美丽的网站、产品和应用程序,免费的。

链接:https://undraw.co/

41. Figma

作为一个团队打造更好的产品。使用 Figma 在一个地方进行设计、制作原型和收集反馈。

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

42. Hashnode

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

链接:https://hashnode.com/

43. FreeCSS

Free CSS 有 3133 个免费网站模板,所有模板都是免费的开源模板或创意共享模板。

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

44. DrawKit

免费的矢量 SVG 插图,供您在下一个项目中使用,不需要署名。

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

45. Public APIs

为开发者提供的 1000 多个免费开放的 REST APIs 列表,如电影 API、动漫 API、天气 API、音乐 API、游戏和漫画 API、货币 API、体育 API、科学 API、开放数据 API 等。

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

46. CSS.gg

纯粹的 CSS 图标库,可定制和 Retina-Ready,100% 由纯 CSS、SVG、SVG Sprite、styled-components、Figma 和 Adobe XD 构建。易于集成:嵌入、NPM 和 API。

链接:https://css.gg/

47. Jr.DevJobs

初级开发人员的工作机会。

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

48. Notion

一个新的工具,将您的日常工作应用融为一体。它是您和您的团队的多合一工作空间。

链接: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/

51. Caniuse.com

提供最新的浏览器支持 tables,以支持桌面和移动网络浏览器上的前端网络技术。

链接:https://caniuse.com/

52. Javascript.info

现代 JavaScript 教程:简单但详细的解释,并附有例子和任务,包括:闭包、文档和事件、面向对象编程等。

链接:https://javascript.info/

53. Inovatik

下载为方便定制的 HTML 模板,为您的在线项目提供动力。

链接:https://inovatik.com/

54. 免费提供给开发者

一个软件(SaaS、PaaS、IaaS 等)和其他产品的列表。

链接:https://free-for.dev/

55. Stormkit

Stormkit 是一个现代 javascript 应用的基础设施提供商,它与流行的 Git 提供商紧密结合。

链接:https://www.stormkit.io/

56. PythonAnywhere

在云中托管、运行和编码 Python。

链接:https://www.pythonanywhere.com/

57. Regex101

在线正则表达式测试工具,调试器,带高亮显示,适用于 PHP、PCRE、Python、Golang 和 JavaScript。

链接:https://regex101.com/

58. Quant-UX

设计、测试和学习于一体的工具 Quant-UX 的低代码功能允许将原型转换为生产系统。

链接:https://www.quant-ux.com/

59. Glitch

简单、强大、免费的工具,创建和使用数以百万计的应用程序。

链接:https://glitch.com/

60. Frontend Mentor

通过建立真正的项目来提高您的前端技能。解决真实世界的 HTML、CSS 和 JavaScript 挑战,同时按照专业的设计工作。

链接:https://www.frontendmentor.io/

61. Smashing Magazine

为网页设计者和开发者服务。

链接:https://www.smashingmagazine.com/

62. FontPair

Font Pair 帮助设计师将谷歌字体进行组合和匹配。

链接:https://fontpair.co/

63. Codewars

Codewars 是开发人员进行挑战的地方。通过训练发挥您的最大潜力。

链接:https://www.codewars.com/

64. Westryve

找到 PHP, Laravel, HTML & CCS, Python, .NET 等社区。

链接:https://westryve.com/

65. Remote.co

远程工作:工作、公司和虚拟团队。

链接:https://remote.co/

66. Web.dev

通过 web.dev 的有用指导和分析,在您自己的网站和应用程序上获得现代功能。

链接:https://web.dev/

67. BundlePhobia

Bundlephobia 帮助您发现在前端 bundle 中添加 npm 包的性能影响。

链接:https://bundlephobia.com/

68. Scrimba.com

Scrimba 是一种有趣的、快速的学习代码的方式。有互动课程和教程教您如何学习 React、Vue、Angular、JavaScript、HTML、CSS 等。

链接:https://scrimba.com/

69. Dev.to

一个具有建设性和包容性的社交网络。开源和彻底的透明。

链接:https://dev.to/

70. Heroku

Heroku 是一个平台即服务(PaaS),使开发者能够完全在云中构建、运行和操作应用程序。

链接:https://www.heroku.com/

71. Animista.net

在这里您可以玩一组现成的 CSS 动画,调整它们,并只下载那些您将实际使用的。

链接:https://animista.net/

72. HTTP Status Codes

包括定义、细节和有用的代码参考。

链接:https://httpstatuses.com/

73. The Coding Interview

每天只需准备 5 分钟,练习破解编码面试的难题。

链接:https://www.thecodinginterview.com/

74. Learn-anything.xyz

搜索交互式思维导图来学习任何东西。

链接:https://learn-anything.xyz/

75. Responsively App

一个帮助更快、更精确地进行响应式 Web 开发的开发工具。

链接:https://responsively.app/

76. Colormind

一键生成色彩组合。Colormind 使用深度神经网络创建有凝聚力的色彩方案。

链接:http://colormind.io/

77. teachyourselfcode.io

通过精心策划的视频教程免费学习代码。

链接:https://teachyourselfcode.io/

78. Render

Render 是一个统一的平台,可以建立和运行您所有的应用程序和网站,具有免费的 SSL,全球 CDN,专用网络和自动部署的 Git。

链接:https://render.com/

79. Carbon.sh

Carbon 是创建和分享您的源代码的最简单方法。

链接:https://carbon.now.sh/

80. Regex Pal

在线测试您的 Javascript 和 PCRE 正则表达式。

链接:https://www.regexpal.com/

81. JSONLint

JSONLint 是 JSON 的免费在线验证器和重新格式化工具,JSON 是一种轻量级数据交换格式。

链接:https://jsonlint.com/

82. W3Layouts

免费网站模板设计。这里的网站模板都是响应式的,用 Bootstrap、HTML、CSS 和 JS 构建。

链接:https://w3layouts.com/

83. Freepik

数以百万计的免费图形资源。矢量图 ✓ 图库照片 ✓ PSD ✓ 图标 ✓ 您的创意项目所需的一切。

链接:https://www.freepik.com/

84. Mixkit

为您的视频项目提供免费的视频素材、音乐素材和 Premiere Pro 模板。

链接:https://mixkit.co/

85. Unscreen

移除任何视频的背景 — — 100% 自动,在线且免费。

链接:https://www.unscreen.com/

86. Avataaars Generator

一个免费的在线头像生成器,任何人都可以轻松地制作喜欢的个人头像。

链接:https://getavataaars.com/

87. Remix Icon

Remix Icon 是一套为设计师和开发者制作的开源中性风格图标。所有图标都可以免费用于个人和商业。

链接:https://remixicon.com/

88. Ikonate

定制、调整和下载免费的矢量图标。Ikonate 是一套适应性强的优化 SVG 图标,可以在 Sketch 和 Photoshop 等开发和设计应用程序中轻松使用。可作为图像、内联 SVG 或 SVG 精灵使用。

链接:https://ikonate.com/

99. Open Doodles

一个免费供个人和商业使用的人物素描图库。

链接:https://www.opendoodles.com/

90. Kite

使用 Kite 的人工智能自动完成插件,超过 16 种编程语言和 16 个 IDE,具有多行补全功能,使编码更快。100% 在本地工作。

链接:https://www.kite.com/

91. Devhints

Web 开发速查表集合。

链接:https://devhints.io/

92. Wappalyzer

找出任何网站的技术栈。通过他们使用的技术创建网站和联系人的列表。

链接:https://www.wappalyzer.com/

93. Tailwind Components

Tailwind 图表、网格、输入、表格、模板及更多。

链接:https://tailwindcomponents.com/

94. Grammarly

有影响力的沟通。确保您所写的一切都以您的方式表达出来。使您的写作清晰而有吸引力。消除语法错误。轻松改善任何文本。

链接:https://www.grammarly.com

95. Wave

免费的发票和会计软件,具有信用卡处理和工资单服务。

链接:https://www.waveapps.com/

96. Clockify

数百万人使用的时间跟踪软件。一个简单的时间跟踪器和时间表应用程序,让您跟踪不同项目的工作时间。

链接:https://clockify.me/

97. Untools

思考工具和框架的集合,以帮助您解决问题,作出决定和理解系统。

链接:https://untools.co/

98. Free Logo Maker

免费在线应用,帮助您在几分钟内制作出一个定制的 logo。

链接:https://www.namecheap.com/logo-maker/

99. TinyPNG

压缩优化您的 PNG 和 JPEG 图像,让您的网站更快,节省带宽。

链接:https://tinypng.com/

100. 1loc

最好的 JavaScript 单行代码。

链接:https://1loc.dev/