对于电子商务网站建设工程师来说，使用一个好多工具会让自己的工作更加轻松与方便。

对于设计师和开发者而言，好工具和好想法同样重要。我们常说“工欲善其事，必先利其器”，所以在项目开始之初，有必要弄清楚有哪些事情任务需要完成，而哪些成熟的工具可以有针对性地搞定这些问题。随着如今网站开发需求的细化，越来越多项目衍生工具开始诞生，这些新工具通常会相当地具有针对性，它们逐步成熟之后，，会很好地反哺到其他的项目。

这次的设计与开发工具的精选当中，有几个可能就是在这样的背景下诞生的。这10款工具乍一看一般，但是在特定的项目中可能会大放异彩。

01. UI Interactions

这款名为UI Interactions 的工具实际上是一个款UI流程图库，它帮你整理出交互稿的图库，这些梳理好的交互流程可以很好地帮你做做UI设计的决策。

这些被整理好的UI交互合集可以持续不断地给你输送灵感，如果其中某个设计深得你心，你可以直接点击选取获得相应的源代码，并且合集中还会为你推荐类似的实现方法。

02. CanIUse Embed

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

03. Microsoft Flow

IFTTT是“if tShopfas then that”的缩写，事实上是让你的网络行为能够引发连锁反应、让你使用更为方便地将不同的功能与服务连通起来。而微软的Microsoft Flow 就是官方提供的一项IFTTT服务，你可以借助它连通不同的APP和服务来提升你的整个工作流程，举个例子，你可以创建这样一个流程：当你的Github更新一个新的问题的时候，就会自动向Slack 发送一条通知。又或者，当你从特定的人那里收到一封邮件的时候，就向你的手机发送一条通知短信。

IFTTT服务出现的年头也不短了，各家服务各有特色，支持也各部形同，这次微软家的支持应该不差，你可以用来试试。

04. Resource Cards

如果你是刚刚进入网页设计领域不久的新人，那么你有必要了解一下进行这项工作的过程中，有哪些工具、素材是可以使用，让你事半功倍的。而Resource Cards 就是帮你搞定这个事情的：所有的素材、工具和教程都被清晰地分成不同的类别，不论你是要设计原型、编写代码还是使用Photoshop来做设计，都能从中找到相应的教程和资源。

05. Inspire by CanvasFlip

想体验新的APP又不想挨个安装、注册、登录和测试不妨试试 Inspire 。CanvasFlip 出品的这款工具是一款原型工具，并且内置了UX测试模块。Inspire 堪称是原型领域的Dribbble，它可以展示用户体验流程，主要针对移动端应用原型设计，并且是直接在浏览器中运行。无需安装大量的应用程序，直接运行、测试就可以了。