时间飞逝,我们现在在2017年中期。在这个月的一期中,我们有一系列伟大的JavaScript库和其他几个像插件一样的功能,可以在WordPress中启用GraphQL,一个用于呈现CSV数据的桌面应用程序和一些网站构架。我们来看看吧。
HeroPatterns
使用SVG制作的可重复模式的集合,您可以将其用作网站的背景。该网站配备了一个方便的设置来定制图案的颜色和不透明度,并允许您简单地复制并粘贴代码以添加到CSS中。
TestCafe
TestCafe是一种端到端(e2e)测试工具,可让您测试您的网站和网络应用程序,就像它被真实用户一样使用。执行测试时,会自动执行几项操作,包括启动浏览器,运行指定的测试单元,生成报告,屏幕截图以及sourcemap来轻松解决错误。
SugarJS
SugarJS是一个JavaScript库,可以使用更好,更可读的语法来操作对象,数组和日期。该库还提供了一些实用功能,例如,.escapeHTML()
它将HTML元素转换为其实体格式。
女士
一个方便的JavaScript库,将时间,数字和常规字符串转换为毫秒。ms('2 days')
,例如,将被转换为172800000
。
pa11y
一系列丰富的工具,可帮助您改善网站和网络应用的可访问性。pa11y包含用于测试任何可访问性问题的任何网页的CLI,一个显示错误和警告的生成报告的仪表板,以及专门针对像Codehip或Travis这样的CI工具设计的CLI。
羽毛图标
一个与现代氛围的图标集合。这些图标非常适合为任何平台(iOS,Windows或Ubuntu)设计的网站和应用程序。图标进入SVG以及React和Angular组件。
反应飞行
用于在应用程序中构建动画组合的 React模块。图书馆灵感来自Sketch的“原则”,您可以在其中快速,轻松地向UI组件添加交互性。
BounceJS
创建具有反弹效果的动画的图书馆。动画由CSS3和许多预设的动画提供动力。您可以通过npm,bower安装JavaScript库,或者简单地复制网站中生成的CSS动画。
Bojler
Bojler是一个电子邮件框架,其中包含编写HTML代码的准则,可以在最流行的电子邮件客户端上正确呈现。您可以在我们上一篇文章中找到更多的电子邮件框架。
Devicon
集合了编程语言,设计和开发工具的图标。图标有SVG和Font格式。一些特定的图标,如Firefox,AWS和HTML5也带有其详细的变体。很酷吧?
现在UI套件
基于Bootstrap 4的收集响应界面。它具有50个元素和3个自定义模板。除了HTML版本,UI还提供了PSD和Sketch格式。
T-滚动
T-Scroll是一个JavaScript库,用于在视口中显示元素时应用动画。它配备了少量选项和预设动画。
Ory编辑
ORY是网络上现代和更易于访问的网页编辑器。ORY编辑器建立在React和Flux之上。通过允许用户编辑内容并立即查看结果,使编辑变得容易,而无需了解诸如HTML或Markdown之类的特殊语法。
TadViewer
TadViewer是一个方便的桌面应用程序来查看CSV,它适用于大型数据和文件。该应用程序可在macOS,Windows和Linux上使用。
平滑卷动聚脂
光滑的滚动已被证明可以提供更愉悦的用户体验。现在在W3C正式提出并起草。目前,它只适用于Chrome,Firefox和Opera。使用此库来模拟Internet Explorer和Safari中的平滑滚动行为。
Noty
用于显示通知的 JavaScript库,Noty可以轻松显示Alart,Success,Error,Warning,Information或对话框消息。它可以与mo.js和bounce.js这样的动画库一起使用,使通知顺利进出。
跳房子
Hopscotch是由LinkedIn实例化的开源项目。这是一个框架,可让开发人员轻松添加产品导览。查看演示的实例和API。
SurveyJS
SurveyJS是另一个令人敬畏的JavaScript库。顾名思义,它旨在创建调查投入。它具有各种输入类型来填写调查答案,并且还被移植到了几个流行的JavaScript框架,包括AngularJS,VueJS和React。
WP GraphQL
GraphQL正在上升,可能是替代REST架构的强大竞争者,它支持几乎所有的Web API。这是一个允许您使用GraphQL检索WordPress内容的插件。这里有一个很好的参考,关于REST和GraphQL如何相互不同。