一个称手的工具可谓是事半功倍，对程序员来说，更是离不开各种各样的实用小工具，你现在的工具用的还称手吗？你还在为没有好用的工具而发愁吗？

蓉妹儿在这里给你分享一些Web前端开发的常用必备工具，还没安装的小伙伴们，快来打包带回家吧！

1

Checklist Design

用于提供给网页设计或开发者的参考资料网站，收录一些开发者会用到的页面和元件，每个页面依照需求列出必要和非必要(可选用)的项目，也可用来检查自己手边开发的项目是否有达到这些功能。

下载网址：https://www.checklist.design

2

Web Gradients

拥有180种渐变配色方案，该网站不仅提供漂亮的渐变配色，而且还有更多的格式选择，如 PSD, Sketch, PNG 以及可直接复制成一段 CSS 渐变代码，如此一来，设计师们就可以很方便的使用这个配色方案了。

下载网址：https://webgradients.com

3

Webframe

它可以提供web开发框架，整合Struts或spring mvc，采用valuelist分页。

下载网址：https://webframe.xyz

4

Spline

这是一个轻量3D设计工具，可以基于网页浏览器直接在线操作。

下载网址：https://spline.design

5

type anything

它可以为网站设计排版Web 应用程序，例如字体选择、字体粗细、字间距等。

下载网址：https://app.typeanything.io

6

Laws Of UX

它是设计师在构建网站用户界面时的最佳实践集合。

下载网址：https://lawsofux.com

7

Animista

它是一个在线动画生成器,同时也是一个动画库，可以帮助我们练习用于网站开发的 CSS 动画效果的 Web 应用程序。

下载网址：https://animista.net

8

Screenlane

它可以将大量app或web的页面截图、User flows的视频收录成册,并通过十分友好的检索目录帮你更快的收集自己的设计灵感，是一款专门为网站综合UI设计。

下载网址：https://screenlane.com

9

Froala 设计块

它是网站设计合成，上面有超过 170 个 UI 响应式设计。

下载网址：https://froala.com

10

3Dicons

这是一个提供了 1440+ 个漂亮的 3D 图标的素材库,基于 CC0 授权发布,免费可商业使用，用于网站设计和开发的免费 3D 图标集合。

下载网址：https://3dicons.com

11

Collectui

一个每日更新UI设计灵感的网站,每天都可以获取到前沿、热门的设计资讯,让你灵感不枯竭。

下载网址：https://collectui.com

12

Humaaans

这是一款为设计师收集人物插图所用的软件。

下载网址：https://www.humaaans.com

13

设计原则

它的主要功能是调度、监控和维护计算机系统，负责管理计算机系统中各种独立的硬件，使得它们可以协调工作，一个致力于提供设计原则和方法的开源集合。

下载网址：https://principles.design

14

learn-anything

它的作用正如它的名字一样，当我们想学习一些东西时，在这里提供详细的路线。

下载网址：https://learn-anything.xyz

15

简历设计

一个 Web 应用程序，可帮助设计人员、开发人员创建精美的简历。

下载网址：https://standardresume.com

这只是其中的一部分，还有很多实用工具期待后续吧~

最后： 下方这份完整的软件测试视频学习教程已经整理上传完成，朋友们如果需要可以自行免费领取【保证100%免费】

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你！