前端速来！2017年6月前端开发者干货大合集

内容简介：前端速来！2017年6月前端开发者干货大合集

每个月的前端 开发者干货 素材大合集，相对而言更加专注于为网页设计师和前端开发者搜集相关的 工具 和素材，这次的大合集当中包含一款颇为有趣的屏幕录像软件，几款适用范围较广的基于Material Design的框架，还有一些性能测试库也非常好用。这些前端工具与素材功能各不相同，总会有一两款是你感兴趣，甚至正好想要的~

Kap

Kap 是一款设计精巧的macOS 屏幕录像软件，它是基于Web技术来搭建的开源APP。这款应用中最令人着迷的是它的即时转码输出功能。Kap 是帮你记录APP的绝佳工具。

Sizzy

Sizzy 是一款用来测试响应式网站的开发工具，它可以帮你在一块屏幕上测试多个屏幕尺寸下的显示效果。比起Chrome 内容之的移动端模拟器，Sizzy 要方便太多。值得一提的是，它也是Chrome 浏览器插件。

Muse UI

Muse UI 是一款基于 Vue.js 2.0 采用Material Design 风格的 UI 库，其中包含了诸如 Appbar、Card 和 Dialog 这样典型的Material design 风的控件。在它的基础上快速构建UI是个不错的选择。

Advanced WP-CLI

作为一名 WordPress 开发者，我我几乎每天都会用到 WP-CLI 。我最近才发现，WP-CLI 还能让你在创建主题的时候，作为 PHP UnitTest 的脚手架而存在！下面是 WP-CLI 的开发者 Daniel Bachhuber 所列举的 WP-CLI 的高级用法列表。

Lunacy

Lunacy 是一款在Windows 平台下的 Sketch 文档阅工具。包含文本、栅格」渐变和阴影的Sketch 文档都可以正常显示，无需联网，直接使用，完全免费。

K6

对于每个Web应用而言，速度都很关键。但是如何衡量速度呢？这就是K6能帮你搞定的事情了。它会模拟网站的流量，计算加载速度。简单的说，K6就是测试速度和性能的单元测试工具。

Checker Service

网络检测工具也能多，它们常常能够检测DNS、加载速度、SEO、安全以及SSL等，今天的这个服务列表当中包含了大量这类检测工具，其中绝大多数是免费的，还有一部分是提供高阶功能的收费工具。

SVGito

SVGito 是一款用来优化 Sketch 生成的SVG文档的实用小工具，将你生成的SVG 文档的相应代码粘贴到 SVGito 当中，就能返还给你优化好的代码。

Launchaco

想为你的项目起一个没人用过又足够好听的名字以及相应的域名还蛮不容易的，而Launchaco 就是帮你解决这个问题的，它会帮你结合社交媒体（Twitter、Facebook等）的域名和用户名的信息，帮你生成一个合用的名称，甚至生成相应的标识。

Obnoxious

这是一组使用CSS生成的独特的动画的合集。如果你的内心和大脑不够坚强的话……还是不要打开它们了，哈哈。

CSS Grid Cheat Sheet

在刚刚学习CSS栅格的时候，碰到新的属性，新的测试单元，以及全新的Web布局和实战范例，可能是一件略显棘手的事情。而今天所推荐的这个工具，就是帮你缩短这个过程，真正落到实地。

Workbox

Workbox 是来自谷歌的一个全新的项目，旨在构建渐进式的Web应用（PWA），它类似于 Yeoman 和 Create React APP，让你可以通过一行命令来完成一系列的任务。

Mavo

Mavo 是一个来自 Lea Verou的全新开源项目，它是一个能将裸 HTML 标记和一些自定义属性直接转换为 Web应用的库。它和其他的库（诸如 Backbone、Vue.js 以及 React）相比，更易于使用，因为它能让技术没那么专精的用户同样可以轻松构建出优秀的Web应用。

Material UI

和 Muse UI类似，它也是一个基于 Material Design 设计语言的UI框架。不过 Material UI 是基于 React 来开发的。所以，选择 Material UI还是选择 Muse UI，就要看你的团队更倾向于 React 还是 Vue.js了。

Lazy Image

Lazy Image 是一个用来按要求加载图片的自定义 HTML 元素，这个自定义元素在元素对象中提供了一个附加的 .active 对象，可以在任何需要的事件或者用户交互中触发它。

Mac CLI

Mac CLI 是一款能够透过终端来管理你的 macOS 的优秀工具。对于热衷于使用命令行来控制系统的开发者而言，这是多么实用的东西啊！

Keeping You Awake

KeepingYouAwake 是一款防止Mac进入睡眠状态的菜单栏小工具，一旦你激活了它，它就能让你的Mac一直处于开启状态。

JSON Feed

JSON Feed 基于 JSON 格式的Feed 标准，它可以借助 WordPress – pluginhre – build 来实现。让我们同 XML 说再见吧。

Carbon

简而言之，Carbon 就是 PHP 版的 Moment.js。它是一款用来生成可控日期和时间字符串的PHP库。

SpeedRacer

SpeedRacer 是今天所推荐的另外一款性能单元测试工具。K6是通过模拟用户访问的流量来评估性能，而SpeedRacer 则是直接借助浏览器来实际测试性能，两者可以搭配起来使用。

【2016年 干货大合集 都在这里】

1. 《干货｜2016年11月开发者超实用干货大合集》
2. 《设计师专场！2016年10月设计圈实用干货大合集第二波》
3. 《开发者福利！2016年10月设计圈实用干货大合集》
4. 《再来一发！2016年9月设计圈实用干货第二波》
5. 《开学福利！2016年9月设计圈超实用干货大合集》
6. 《高温福利！2016年8月设计圈最新干货大合集》
7. 《再来！2016年7月设计圈干货大合集第二波！》
8. 《超赞！2016年7月新鲜出炉的设计圈实用干货大合集》
9. 《精准投放！2016年六月设计圈超实用干货大合集》
10. 《月底福利！2016年5月第二波超实用设计圈干货》
11. 《上手就用！2016年五月设计圈新鲜干货大合集》
12. 《姗姗来迟！2016年四月设计圈干货大合集》
13. 《质量保证！2016年三月可靠实用的设计圈干货》
14. 《多多益善！2016年二月设计圈实用干货第二波》
15. 《开工福利！2016年二月设计圈实用干货大合集》
16. 《干货干货干货！2016年第二波设计圈干货大合集》

原文地址： hongkiat

原文作者：Thoriq Firdaus

优设译文：@陈子木

本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================ 明星栏目推荐 ================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的 知识树专栏 。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备：http://hao.uisdc.com

以上所述就是小编给大家介绍的《前端速来！2017年6月前端开发者干货大合集》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

查看所有标签

猜你喜欢:

• 前端面试题干货集合
• 干货| 60G资源【Web前端】转行前端必需品
• 『前端干货篇』：你不知道的Stylus
• 干货！前端 Code Review 的最佳实践方案
• 硬核干货：葡萄城 SpreadJS 前端表格技术分享
• 干货｜前端程序员容易出错的基础知识

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。