十款新兴实用的网页设计与开发工具

对于设计师和开发人员来说，好的工具和好的想法同样重要。我们常说“如果工人想做好事，他们必须首先磨利他们的工具”。因此，在项目开始时，有必要找出需要完成的任务是什么，哪些成熟的工具可以有针对性地解决这些问题。随着网站开发需求的完善，越来越多的项目衍生工具开始诞生。这些新工具通常是相当有针对性的。当它们逐渐成熟时，它们会很好地反馈给其他项目。

在这种设计和开发工具的选择中，有几种可能是在这种背景下诞生的。乍一看，这10种工具很普通，但它们可能会在特定的项目中大放异彩。

01. UI Interactions

这个叫UI Interactions 工具实际上是一个UI流程图库，它可以帮助你整理出交互稿的图库，这可以帮助你做出UI设计的决定。

这些整理好的UI交互集可以不断给你灵感。如果其中一个设计赢得了你的心，你可以直接点击获取相应的源代码，集中也会为你推荐类似的实现方法。

02. CanIUse Embed

Can I Use 这是一个著名的前端技术开发信息支持网站，网站上会更新不同浏览器的各种技术支持细节，供查询。Ire Aderinokun 提供的脚本可以让你轻松获得Caniusee.最新更新的com信息。

03. Microsoft Flow

“IFTTT”if this then that“缩写实际上是为了让你的网络行为引起连锁反应，让你更方便地连接不同的功能和服务。微软的Microsoft Flow 这是官方提供的IFTTT服务。您可以使用它连接不同的应用程序和服务来改进您的整个工作流程。例如，您可以创建这样一个过程：当您的Github更新一个新问题时，它将自动向Slack发送 发送通知。或者，当你从一个特定的人那里收到一封电子邮件时，向你的手机发送一条通知信息。

IFTTT服务的出现并不短，每个服务都有自己的特点，支持也是一样的，这次微软家的支持应该还不错，你可以试试。

04. Resource Cards

如果你是刚进入网页设计领域的新人，有必要知道在这项工作中可以使用哪些工具和材料，这样你可以事半功倍。而Resource Cards 这是为了帮助你解决这个问题：所有的材料、工具和教程都清楚地分为不同的类别，无论你是想设计原型、编写代码还是使用Photoshop进行设计，你都可以找到相应的教程和资源。

05. Inspire by CanvasFlip

想要体验新的APP，又不想一个接一个地安装、注册、登录和测试？试试看 Inspire 。CanvasFlip 该工具是一种内置UX测试模块的原型工具。Inspire 它可以被称为原型领域的Dribbble，它可以显示用户体验过程，主要为移动应用程序设计，并直接在浏览器中运行。直接操作和测试，无需安装大量的应用程序。

06. Alloy

Alloy 它是一种全新的网络浏览器，它可以根据您执行的任务组织标签页面，因此，与打开大量标签页面相比，Alloy 更方便：根据任务属性和相关性，将不同的标签页集成在一起，使用更清晰。当您执行特定任务时，不同页面之间的切换将更加有序和清晰，不会出现混乱。

07. Boxy SVG

如果您目前没有在计算机上安装AI和Sketch，或者您根本不想打开它们，您可以使用矢量图形编辑工具Boxy SVG编辑图形。Boxy SVG 是跨平台矢量图形编辑工具，只要有浏览器就可以运行，不需要安装，也可以通过网络导入谷歌 Fonts 字体，各种图形变化，路径编辑也很容易获得，是一个相当容易的替代工具。

08. React UIkit components

这个 React UIKit 组件都是基于UIKitt的 CSS 这些UI控件可以使用，甚至可以与其他布局空间混合，无需复杂的安装和配置。搭使用。

09. Chart.js

Chart.JS是一个非常实用的JS库，它可以帮助你创建一个美丽的JS图表，甚至将不同的柱状图和蛋糕图混合在一起，使用不同风格的座椅系统来显示，定制比例，如果数据允许，你也可以制作相应的动画效果。

10. Bootstrap 4 Cheat Sheet

Bootstrap 4 Cheat Sheet 能让你秒变 Bootstrap 4.专家。现在甚至有一个专门的Reddit板块来讨论这个问题 Cheat Shet和Bootstrapp 4 的新功能。