送福利！2017年7月前端开发超实用干货

　　想要让的网页得到实现，就离不开前端开发者。只有他们才能将前台和后台链接起来，并是实现网站页面展现。不论是JS库还是适用于Wordpress的GraphQL都能在特定的时候，解决网站的特定需求。为了能够帮助前端技术人员在工作中顺利进行，上海网站设计小编每个月都会有一批颇实用的网页前端干货，相信这也正是你想要的东西。

送福利！2017年7月前端开发超实用干货

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

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

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

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

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

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

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

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

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

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

　　Smooth Scroll Polyfill光滑的滚动效果无疑能够带来更加愉悦的用户体验，目前这款插件可适用于Chrmoe、Firefox和Opera这些浏览器，使用平滑滚动插件可以模拟IE和Safari中的平滑效果。

Noty是一款用来呈现通知的JS库，它可以轻松地显示提醒、成功、报错、警告和信息推送甚至对话框。Noty可以同mo.js、bounce.js这样的动效库一起联动。

　　Hopscotch是一款由LinkedIn实例化的开源项目。作为而一个框架，它可以让开发人员更为便捷地添加产品预览。

WP GraphQL是足以替代REST架构的强大存在，它几乎支持所有的WebAPI，而WP GraphQL这个插件则可以让你的Wordpress支持GraphQL的内容插件。对于REST和GraphQL的差异，你可以看这里。

　　Monaco Editor是一款强大的视觉代码编辑器，这款编辑器是由微软所开发的，支持多种语言，包含了HTML，CSS，LESS，CoffeeScript、PHP以及Intellisence，可以帮你更快地写代码。

上海网站设计小编温馨提示：对于以上推荐的这些前端工具你是不是非常喜欢呢？这些干货会在你的工作中为您带来方便。如果你有好用的前端工具也可以到垒越科技来分享，让我们共同学习，共同进步哦！

• 上一篇：2017工信部正式落实网站建设域名实名制求
• 下一篇：别忘了！网页设计完还要做的事