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

31次阅读

共计 2716 个字符,预计需要花费 7 分钟才能阅读完成。

资源对于程序员而言极为重要,因为它们能够极大地提高编码时的生产率。在过来的几个月中,我始终在收集许多链接,并心愿与你分享其中的一些链接。心愿它们对你和我一样有用。事不宜迟,这里提供了一些很棒的收费和最新资源!

目录:

插图
开发工具
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 等。

正文完
 0