Web设计人员和开发人员的新鲜资源（2017年7月）
让我们检查一下。
时间过得很快，我们现在到了2017年中期。在本月的分期付款中，我们提供了一系列出色JavaScript库以及一些其他功能，例如在WordPress中启用GraphQL的插件，用于呈现CSV数据的桌面应用程序以及一些网站构架。
该站点配备了方便的设置，可以自定义图案的颜色和不透明度，并且您可以简单地复制和粘贴代码以添加到CSS中。
使用SVG制作的可重复模式的集合，您可以将其用作网站的背景。
在执行测试时，它将自动执行几项操作，包括启动浏览器，运行指定的测试单元，生成报告 ，屏幕截图以及源地图，以轻松地对错误进行故障排除。
TestCafe是一种端到端（e2e）测试工具 ，可让您测试网站和Web应用程序，就像真实用户正在使用它一样。
该库还附带了一些实用程序功能，例如.escapeHTML() ，它将HTML元素转换为其Entity格式 。
SugarJS是一个JavaScript库，用于以更好的可读性语法处理对象，数组和日期 。
例如， ms('2 days')将转换为172800000 。
一个方便JavaScript库，用于将时间，数字和常规字符串转换为毫秒 。
pa11y包括一个用于测试任何网页是否存在可访问性问题的CLI，一个用于显示生成的错误和警告报告的仪表盘以及一个专门为CI工具（如Codeship或Travis）设计的CLI。
大量工具可帮助您改善网站和Web应用程序的可访问性 。
图标包含在SVG以及React和Angular组件中 。
这些图标非常适合为任何平台（iOS，Windows或Ubuntu）设计的网站和应用程序。
带有现代氛围的图标集合 。
该库的灵感来自草绘原理，您可以在其中轻松快速地向UI组件添加交互性 。
一个React模块在你的应用中建立动画合成 。
您可以通过npm，bower安装JavaScript库，也可以复制 网站中生成CSS动画 。
该动画由CSS3和许多预设动画提供支持。
一个库来创建具有反弹效果的动画 。
很酷吧？
某些特定的图标（例如Firefox，AWS和HTML5）也带有其详细的变体 。
这些图标以SVG和字体格式提供。
编程语言，设计和开发工具的图标集合。
除了HTML版本外，UI还以PSD和Sketch格式提供。
基于Bootstrap 4的集合响应界面。它具有50个元素和3个自定义模板 。
它配备了一些选项和预设动画。
T-Scroll是一个JavaScript库，用于在视口中可见某个元素时应用动画 。
通过允许用户编辑内容并立即查看结果， 而无需了解诸如HTML或Markdown之类的特殊语法，它使编辑变得容易。
ORY编辑器基于React和Flux构建 。
ORY是一种现代且更易于访问的Web编辑器。
该应用程序可在macOS，Windows和Linux上使用。
TadViewer是一个方便的桌面应用程序，用于查看CSV ，并且适用于大数据和文件。
使用此库可以模拟Internet Explorer和Safari中的平滑滚动行为 。
目前，它仅适用于Chrome，Firefox和Opera。
事实证明，“平滑滚动”可以提供更令人满意的用户体验。
它可以与动画库（例如mo.js和bounce.js）一起使用， 以使通知优雅地滑入和滑出 。
一个用于显示通知的 JavaScript库，Noty使显示Alart，成功，错误，警告，信息或对话消息变得容易。
查看该演示以获取实时示例和API。
它是一个框架，使开发人员可以轻松添加产品导览。
Hopscotch是一个由LinkedIn实例化的开源项目 。
它具有各种输入类型以填写调查答案， 并且还已移植到多个流行JavaScript框架中，包括AngularJS，VueJS和React。
顾名思义，它旨在创建调查输入 。
SurveyJS是另一个很棒JavaScript库。
这是有关REST和GraphQL如何彼此不同的重要参考。
这是一个插件，可让您使用GraphQL检索WordPress内容 。
GraphQL呈上升趋势，并且可能成为取代支持几乎所有Web API的REST体系结构的有力竞争者 。
它由Microsoft构建，并支持多种现成的语言，包括HTML，CSS，LESS，CoffeeScript和PHP，以及可帮助您更快地编写代码的Intellisense 。
摩纳哥编辑器是为Visual Code Editor提供支持的编辑器 。
翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-07-2017/