40多个用于Web开发的高质量免费资源

资源对于程序员而言极为重要，由于它们能够极大地提升编码时的生产率。在过去的几个月中，我一直在收集许多连接，并但愿与你分享其中的一些连接。但愿它们对你和我同样有用。事不宜迟，这里提供了一些很棒的免费和最新资源！

目录：

插图
开发工具
CSS
Tailwind
设计
提升效率工具

插图

Error 404

该资源很是适合查找可用于网站404页面的插图。

Blush

Blush容许你免费下载全部插图，以用于商业和我的用途。使人惊奇的是，它具备许多能够合成以建立新插图的插图样式。此外，它们还有一个Figma插件，所以你能够当即在设计中对其进行操做。

Smash Illustrations

Smash Illustrations具备时尚人物和简单的插图，可免费用于商业和我的用途。它具备250多个对象和角色，以及20多个独特的场景，所以你能够为所欲为地合成它们。

Control

Control免费提供实心和线性风格的高质量插图。它们可自由用于商业和我的用途，但.png格式多样。若是你须要SVG，则必须支付38美圆，对于这种质量的插图来讲还算不错。

DrawKit

DrawKit具备220多个无偿使用的插图。它们都以SVG格式提供，所以你能够建立很棒的构图！此外，他们还提供使用抽奖的动画插图，这对于酷炫而时尚的网站开发很是有用。

Open Doodles

若是你喜欢粗略的插图，那么你会喜欢Open Doodles。全部插图都可免费下载为SVG或PNG格式。此外，他们还有合成路线和生成器，所以你能够得到所需的涂鸦！

免费插图

免费插图具备许多插图背景，很是适合登陆页开发

Mixkit

Mixkit是Unsplash的插图，或者是它们的目标。它具备许多插图类别，还免费提供股票视频和音乐。

Delesign

Delesign免费提供许多干净的插图。他们的主要优势是他们的多样性。

开发工具

Majestic

Majestic是Jest的零配置UI，它使查看测试日志输出变得更加容易，而不是纯粹使用终端。它能够全局安装，也可使用如下方法在任何存储库中打开npx majestic

Carbon

好看的代码段图形生成工具。

Squoosh

压缩图像几乎不会引发明显的质量损失。另外，你能够编辑图像大小以及丢失多少质量，这是优化站点图像的必要条件。

SVGOMG

SVGOMG提供了用于优化SVG文件的GUI。在为你的站点使用SVG时极其重要。

Kite

Kite对于提升你的代码生产力很是了不得。我相信，未来人工智能将不会接替咱们的工做，但它将经过诸如此类的工具获得加强。它使用通过2百万个存储库训练的机器学习，在你喜欢的编辑器中提供自动补全功能。它目前仅适用于Python和Javascript，但不久以后将提供更多语言。

DevDocs

DevDocs是一个文档聚合器。它在一个干净且可搜索的界面中添加了多个库和API文档。这对于通常开发而言意义重大，所以我强烈建议你这样作。

Devhints

该网站备有针对bash，React，go，sass等许多工具的备忘单。

Wappalyzer

想知道你最喜欢的网站使用什么技术开发的吗？无需多说，Wappalyzer可以使你快速了解。它们也有谷歌扩展，所以你能够随时随地找到它们。

iHateRegex

对于那些不想建立本身的正则表达式或不但愿经过Google搜索的人来讲，这个网站是一个不错的选择。

LottieFiles

据说过lottie吗？直到找到该网站，我才知道。Lottie是一个库，可用于解析和运行从Adobe After Effects导出的动画。这些动画很是漂亮，LottieFiles免费提供数千个这些动画。可是，考虑到它们大多数都具备CC-BY 2.0许可证。

Shape Divider

Shape Divider可以让你动态地为你的网站生成光滑的分隔线。与其余网站相比，它具备很酷的UI，而且效果很好。

CSS

Animista

须要一些CSS动画灵感或片断吗？Animista让你蒙上了一层阴影。它具备许多很酷的CSS效果，能够加快你的开发速度。

Pattern.css

喜欢在设计中使用patterns 吗？而后，你将爱上这个。它是一个CSS库，使你可使用不一样的类来为你的网站建立出色的模式。

CSSeffectsSnippets

提供了漂亮的CSS动画。

98.css

98.css让你怀旧的幻想成为现实。若是你须要构建具备Windows 98风格的网站或电子应用程序，则98.css将为你提供很大的帮助。

Tailwind

TailwindComponents

现在，Tailwind很是流行，而相似这样的网站就说明了缘由。TailwindComponents拥有数百个社区使用内置组件的tailwind.css。其中一些具备很高的质量，因此必定要检查一下！

Tailblocks

Tailblocks 具备更多高质量的Tailwind 组件。可是，它们提供了与引导相似的体验，所以你可使用它们来建立整个网站。绝对是加快发展的必须。

设计

Colors.lol

Colors.lol能够用来描述调色板。它们有10多个这样的调色板，可使你的设计更加充满活力。

Colormind

Colormind使用深度学习生成配色方案。你能够锁定颜色并得到其余颜色的补充。

free-logo-maker

免费的logo制做工具，它们具备数千个图标，能够帮助你建立许多logo组合。提供了免费商业和我的使用，能够下载log的PNG版本。

AppMockUp

AppMockUp使你无需太多工做便可为Android和iPhone生成模型。

webframe

Webframe具备基于真实网站的数千种设计灵感。

FontSpark

FontSpark容许你经过生成不一样的字体来发现下一个喜欢的字体，直到你喜欢为止。

Checklist Design

若是你正在设计或构建网站，则这些清单能够挽救生命。它们为网站的不一样部分（例如表单，排版，按钮等）保证了可访问性和出色的UX。

Remove BG

使用此工具能够轻松地从图像中删除背景，以即可以在设计或网站中使用它。

Unscreen

就像remove.bg同样，可是用于gif和视频。

提升效率工具

Sejda

Sejda提供了一个在线流畅的PDF编辑器。很棒，可编辑你的简历！

GetTerms

GetTerms会为你的应用生成量身定制的隐私政策和服务条款。这对于节省构建Web产品的时间来讲是很棒的。

Product Hunt排行

此工具使你能够查看Product Hunt中最著名的产品

开源软件构建

OpenSource Builders提供了许多常见产品的开源替代品，例如Facebook，Slack，Shopify等。