进入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本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏