网页离不开设计更离不开前端的实现，无论是JS库还是适用于Wordpress 的 GraphQL 都能在特定的时候，解决网站的特定需求。每月都会涌现一批颇为实用的网页前端干货，它们都是特定的开发需求下的产物，也许其中正好有你想要的东西呢?

　　HeroPatterns

　　这是一组颇为有用的SVG格式的图案合集，可以用于网站背景这个网站还配备了定制色彩和透明度的设置，你可以通过简单的复制粘贴添加到CSS当中。

　　TestCafe

　　TestCafe 是一款端到断(e2e)的测试工具，可以帮你测试网站和web应用，就像真实用户在使用它们一样。当它开始测试的时候，会自动执行一系列的操作，包括启动浏览器，运行指定的测试单元，生成报告，截屏等。

　　SugarJS

　　SugarJS 是一款更加易用、采用更加易读语法构建的JS库，可以帮你来操作对象、数组和日期。这套JS库当中还提供了一些实用的功能，比如 .escapeHTML() ，它可以将HTML 元素转换为其他的格式。

　　MS

　　这个方便的JS库能够帮你将时间、数字和常规的字符串转换为毫秒，比如 ms(‘2 days’) 就能转换为毫秒 172800000 。

　　pa11y

　　pa11y 是一系列优秀工具的合集，能够帮你改善网站和APP的可访问性。pa11y中包含了用来测试任何网站的可访问性问题的CLI，用来显示错误、生成报告的仪表盘，以及针对像Codehip 或者 Travis 这样的 CI 工具所设计的 CLI。

　　Feather Icons

　　这是一套拥有现代设计风格和氛围的图标，它基本上可以轻松应用于所有的平台，包括 iOS、Windows 和 Ubuntu，不论你所设计的是网页还是APP。这些图标是以SVG 格式呈现的，还可以搭配 React 和 Angular 组件。

　　React Flight

　　这是一个可以在你的应用中构建动画组件的 React 模块，它的库 灵感来源于 Sketch 的规则，你可以在其中轻松快速的向UI 组件添加交互性。

　　BounceJS

　　这是一个用来创造弹跳特效的库，它的动效主要是通过CSS3和一些预设来实现的。你可以通过 npm ，bower 来安装JS库，简单的复制生成的CSS3代码来应用动效。

　　Bojler

　　Bojler 是一款 email 框架，其中包含了相应的HTML代码规范，帮你在目前流行的电子邮件客户端上更好的呈现邮件内容。

　　Devicon

　　这是一组集合了关于编程语言、设计和开发工具的图标合集。这些图标都是实用的SVG和字体格式，而诸如 Firefox、AWS 和 HTML 5 这样的常见图标也包含在其中。

　　Now UI Kit

　　这是一组基于 Bootstrap 4的响应式界面，其中包了3款可定制的模板和50种元素，除了 HTML 的版本之外，这些UI还包含了PSD和 Sketch 格式的版本。

　　T-Scroll

　　T-Scroll 是一款JavaScript 库，它提供元素在视窗上可见时候的动效，其中有少量可控选项，和预设动效。

　　Ory Editor

　　Ory Editor 是更加现代的网页编辑器，Ory编辑器是在React 和 Flux 的基础上构建起来的，由于它可以让用户便捷地预览效果，从而让编辑更加方便。你无需学习HTML 或者 Markdown 等标记语言语法就能自己创建网页。

　　TadViewer

　　Tad Viewer 是一款桌面端查看 CSV 文档的工具，它可以兼容 大型的数据文件，这款程序可以在 Windows 、macOS 和 Linux 上使用。

　　Smooth Scroll Polyfill