再来一波！2017年4月前端开发者超实用干货大合集

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

进入2017年之后，设计和前端开发一直在快速的发展着，过去一年的设计和技术积累，催生了一批又一批的新工具和素材，今天的这一批干货素材主要是给网页前端和开发者所用的，其中所涵盖的内容多种多样，从APP到代码片段不一而足。

Slinky

Slinky 是一款实用的 Sketch插件，能帮你一键将Sketch 画板导出为 HTML邮件模板，Slinky 目前还处于快速发展的阶段，部分功能还不够完善，不过按照它的官方指南来进行操作，其输出效果还是相当不错的。

Boilrplate

这是一个精心策划的样板和模板的合集，帮你快速启动项目，其中包含了使用不同编程语言搭建的不同程序框架，包括 jQuery，Angular，React，Wordpress，Backbone和Electron。

Griddy

CSS栅格框架可以说是前景无限，它对于网页设计开发和布局构建的影响非常之巨大。但是考虑到CSS栅格的复杂性，许多设计师对于自己搭建CSS栅格敬而远之。不过，有了Griddy之后，你就不用担心这个问题了，它极大的降低了CSS栅格搭建和使用的难度。

React Fundamentals

你可以在这里学习React，即使你毫无基础也能顺利的入门。这里涵盖了视频教程、文章和相应的测试。这个课程是完全免费的。

Chassis Desktop

Classis Desktop 算是一个Wordpress虚拟机，可以帮你搭建一个Wordpress系统和相应的配置环境，你可以在其中配置、开发和测试 WP主题和插件等组件。目前 Classis Desktop 仍然处于开发阶段，即将发布。

Papersizes

这个合集包含了不同国家所使用的标准的纸张尺寸，对于前端和开发者而言，这些资源在特定的时候非常的有用。

TippyJS

这是一个用来构建 Tooltip 的JS库，TippyJS 提供了丰富的配置工具和设置选项来进行工具提示的设置，同时，TippyJS 允许开发者使用CSS来控制提示的主题风格样式。

Design Patterns PHP

深入理解编程语言的设计模式，能够帮助开发人员编写出可拓展可维护的代码，而这个教程就是关于PHP语言的设计模式，值得相应的开发者对此进行研究。

Guzzle

Guzzle 是一款颇为便捷的PHP库，可以使用诸如“Get”“Post”甚至类似于JavaScript 中 Async 这样的Http请求。它具有丰富的功能，使你可以轻松的发出请求获得响应。

Mini.css

Mini 是一款极简的CSS框架，精简，轻量级，不占空间。同时，作为一个Web组件，Mini.css 还包含了必要的组成部分，包括栅格、导航和表单等。

SimpleIcons

从eBay 到 Viber，从Dribbble 到 Google+ ，这些公司和品牌的logo常常需要运用到互联网产品当中，这个图标合集很好的解决了这个问题，合集中的图标都使用的是SVG格式，便于开发者和设计师调用。

Chrome MySQL Admin

这款谷歌浏览器插件让你可以更加便捷的管理你的MySQL数据库，它是Sequel Pro 和 MySQL Workbence 这样的工具的可靠替代品和备选方案。

Numi

Numi 所以款简单漂亮，也足够独特的Mac端计算器程序，它的功能也非常的多，比如可以输入 10 USD in SGD 来进行货币换算。

Laradock

Laradock 支持各种不同的数据库引擎，包括 Maria DB 和 MongoDB 以及像 Redis 和 Memchaced 这样的缓存引擎。虽然它是以 Laravel 命名，但是它同样支持 WordPress 和 Drupal 这样的平台。

Fabrica

Fabrica 是一系列用来支持 WordPress平台的工具合集，这其中工具覆盖范围非常广，Fabrica 使用 Docker 确保开发环境能够快速运行，并且借助 WordMove 进行部署。

Husky

Husky 是一个Node 模块，它能运行Githooks诸如 Pre-commit、pre-receive 和 post-receive。

EasyMap

EasyMap 可以调用 Google Maps API 密钥，让你更加轻松地在谷歌地图中添加标记，这些位置地址将会以 Json 格式保存。

Wappalyzer

Wappalyzer 是一款非常实用的谷歌浏览器拓展，它可以帮你查看你所打开的网站使用了哪些工具，调用了哪些服务和库。借助这个工具，可以发现，仍然有许多著名的网站在使用jQuery ，甚至包括 Github。

Bash Guide

诸如Linux 和 Mac 这样的系统能够使用Bash 脚本来发出指令，管理系统，进行许多图形化界面不一定能够完成的任务。这个指南能够帮你更好的学习Bash。

Chroma.js

Chroma.js 是一款控制色彩的JS库，它支持多种颜色格式，包括 HEX、 RGB 和RGBA。除此之外，它还能通过亮度、对比度和饱和度来控制色彩。

【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】

================关于木子设计网================
"木子设计网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：https://www.muzisucai.com/。
设计微博：拥有粉丝量180万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：https://www.muzisucai.com/