100种不错的工具和资源

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

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/

100种不错的工具和资源相关推荐

精选 100 种最佳 AI 工具大盘点
为了应对对精简流程和数据分析日益增长的需求,整合人工智能工具在多个领域变得至关重要. 本文精选了2023年可用的100种最佳人工智能工具,旨在提高您的生产力.创造力和效率. 以下是 2023 年排名前 ...
vs2017工具箱_2017工具箱的8种新鲜设计工具和资源
vs2017工具箱 This is a hammer. To be more precise, it's a vintage Estwing Claw Hammer from the late 196 ...
100+ 超全的web开发工具和资源
100+ 超全的web开发工具和资源作为Web开发者,这是好的时代,也是坏的时代.Web开发技术也在不断变化.虽然很令人兴奋,但是这也意味着Web开发人员需要要积极主动的学习新技术和新的编程语言,并 ...
干货100+ 最超全的web开发工具和资源大集合
干货100+ 最超全的web开发工具和资源大集合作为Web开发者,这是好的时代,也是坏的时代.Web开发技术也在不断变化.虽然很令人兴奋,但是这也意味着Web开发人员需要要积极主动的学习新技术和 ...
100+ 超全的 web 开发工具和资源
作为 Web 开发者,这是好的时代,也是坏的时代. Web 开发技术也在不断变化.虽然很令人兴奋,但是这也意味着 Web 开发人员需要要积极主动的学习新技术和新的编程语言,并愿意和渴望接受新的挑战,以 ...
正则表达式工具_30种有用的正则表达式工具和资源
正则表达式(通常称为regex)是一种模式,由用于匹配特定字符串集的规则组成. 它们非常强大,并且您会遇到的大多数编程语言都需要它们,尤其是在需要扫描和匹配上下文以采取进一步措施时. 这是一个简单的正 ...
用C语言给孩子水果英语早教,宅家陪娃资源：100种水果的英文读法+6种室内可以玩的球类游戏，和娃嗨起来！...
宅家陪娃资源:100种水果的英文读法+6种室内可以玩的球类游戏,和娃嗨起来! 2021-02-08 12:00:00 9点赞 111收藏 1评论每天分享一套游戏活动.动画视频.小故事等资源,让宝贝们 ...
100种思维模型之认知资源思维模型-030
我们常说,一个人永远也赚不到自己认知以外的钱,这话的确很有道理,被无数人所推崇. 由此,不难看出,认知在我们的生活起着多么关键的作用. 你的认知层次越高,范围越广,就意味着你这个人所处的阶层也必然越高 ...
超全的web开发工具和资源(留着以后慢慢学)
前端开发资源鉴于第一次写博客,也不知道从哪开始写起...想了半天,就先来点学习前端的干货吧(本人作为一名前端小白,也在努力的学习中). 本文也是从别的地方搬运过来的,原文地址100+超全的web开发 ...

100种不错的工具和资源

100种不错的工具和资源相关推荐

最新文章

热门文章