再來一波！2017年4月前端開發(fā)者超實用干貨大合集

進(jìn)入2017年之后，設(shè)計和前端開發(fā)一直在快速的發(fā)展著，過去一年的設(shè)計和技術(shù)積累，催生了一批又一批的新工具和素材，今天的這一批干貨素材主要是給網(wǎng)頁前端和開發(fā)者所用的，其中所涵蓋的內(nèi)容多種多樣，從APP到代碼片段不一而足。

Slinky

Slinky 是一款實用的 Sketch插件，能幫你一鍵將Sketch 畫板導(dǎo)出為 HTML郵件模板，Slinky 目前還處于快速發(fā)展的階段，部分功能還不夠完善，不過按照它的官方指南來進(jìn)行操作，其輸出效果還是相當(dāng)不錯的。

Boilrplate

這是一個精心策劃的樣板和模板的合集，幫你快速啟動項目，其中包含了使用不同編程語言搭建的不同程序框架，包括 jQuery，Angular，React，Wordpress，Backbone和Electron。

Griddy

CSS柵格框架可以說是前景無限，它對于網(wǎng)頁設(shè)計開發(fā)和布局構(gòu)建的影響非常之巨大。但是考慮到CSS柵格的復(fù)雜性，許多設(shè)計師對于自己搭建CSS柵格敬而遠(yuǎn)之。不過，有了Griddy之后，你就不用擔(dān)心這個問題了，它極大的降低了CSS柵格搭建和使用的難度。

React Fundamentals

你可以在這里學(xué)習(xí)React，即使你毫無基礎(chǔ)也能順利的入門。這里涵蓋了視頻教程、文章和相應(yīng)的測試。這個課程是完全免費的。

Chassis Desktop

Classis Desktop 算是一個Wordpress虛擬機，可以幫你搭建一個Wordpress系統(tǒng)和相應(yīng)的配置環(huán)境，你可以在其中配置、開發(fā)和測試 WP主題和插件等組件。目前 Classis Desktop 仍然處于開發(fā)階段，即將發(fā)布。

Papersizes

這個合集包含了不同國家所使用的標(biāo)準(zhǔn)的紙張尺寸，對于前端和開發(fā)者而言，這些資源在特定的時候非常的有用。

TippyJS

這是一個用來構(gòu)建 Tooltip 的JS庫，TippyJS 提供了豐富的配置工具和設(shè)置選項來進(jìn)行工具提示的設(shè)置，同時，TippyJS 允許開發(fā)者使用CSS來控制提示的主題風(fēng)格樣式。

Design Patterns PHP

深入理解編程語言的設(shè)計模式，能夠幫助開發(fā)人員編寫出可拓展可維護(hù)的代碼，而這個教程就是關(guān)于PHP語言的設(shè)計模式，值得相應(yīng)的開發(fā)者對此進(jìn)行研究。

Guzzle

Guzzle 是一款頗為便捷的PHP庫，可以使用諸如“Get”“Post”甚至類似于JavaScript 中 Async 這樣的Http請求。它具有豐富的功能，使你可以輕松的發(fā)出請求獲得響應(yīng)。

Mini.css

Mini 是一款極簡的CSS框架，精簡，輕量級，不占空間。同時，作為一個Web組件，Mini.css 還包含了必要的組成部分，包括柵格、導(dǎo)航和表單等。

SimpleIcons

從eBay 到 Viber，從Dribbble 到 Google+ ，這些公司和品牌的LOGO常常需要運用到互聯(lián)網(wǎng)產(chǎn)品當(dāng)中，這個圖標(biāo)合集很好的解決了這個問題，合集中的圖標(biāo)都使用的是SVG格式，便于開發(fā)者和設(shè)計師調(diào)用。

Chrome MySQL Admin

這款谷歌瀏覽器插件讓你可以更加便捷的管理你的MySQL數(shù)據(jù)庫，它是Sequel Pro 和 MySQL Workbence 這樣的工具的可靠替代品和備選方案。

Numi

Numi 所以款簡單漂亮，也足夠獨特的Mac端計算器程序，它的功能也非常的多，比如可以輸入 10 USD in SGD 來進(jìn)行貨幣換算。

Laradock

Laradock 支持各種不同的數(shù)據(jù)庫引擎，包括 Maria DB 和 MongoDB 以及像 Redis 和 Memchaced 這樣的緩存引擎。雖然它是以 Laravel 命名，但是它同樣支持 WordPress 和 Drupal 這樣的平臺。

Fabrica

Fabrica 是一系列用來支持 WordPress平臺的工具合集，這其中工具覆蓋范圍非常廣，F(xiàn)abrica 使用 Docker 確保開發(fā)環(huán)境能夠快速運行，并且借助 WordMove 進(jìn)行部署。

Husky

Husky 是一個Node 模塊，它能運行Githooks諸如 Pre-commit、pre-receive 和 post-receive。

EasyMap

EasyMap 可以調(diào)用 Google Maps API 密鑰，讓你更加輕松地在谷歌地圖中添加標(biāo)記，這些位置地址將會以 Json 格式保存。

Wappalyzer

Wappalyzer 是一款非常實用的谷歌瀏覽器拓展，它可以幫你查看你所打開的網(wǎng)站使用了哪些工具，調(diào)用了哪些服務(wù)和庫。借助這個工具，可以發(fā)現(xiàn)，仍然有許多著名的網(wǎng)站在使用jQuery ，甚至包括 Github。

Bash Guide

諸如Linux 和 Mac 這樣的系統(tǒng)能夠使用Bash 腳本來發(fā)出指令，管理系統(tǒng)，進(jìn)行許多圖形化界面不一定能夠完成的任務(wù)。這個指南能夠幫你更好的學(xué)習(xí)Bash。

Chroma.js

Chroma.js 是一款控制色彩的JS庫，它支持多種顏色格式，包括 HEX、 RGB 和RGBA。除此之外，它還能通過亮度、對比度和飽和度來控制色彩。

【2016年干貨大合集都在這里】

1. 《干貨｜2016年11月開發(fā)者超實用干貨大合集》
2. 《設(shè)計師專場！2016年10月設(shè)計圈實用干貨大合集第二波》
3. 《開發(fā)者福利！2016年10月設(shè)計圈實用干貨大合集》
4. 《再來一發(fā)！2016年9月設(shè)計圈實用干貨第二波》
5. 《開學(xué)福利！2016年9月設(shè)計圈超實用干貨大合集》
6. 《高溫福利！2016年8月設(shè)計圈最新干貨大合集》
7. 《再來！2016年7月設(shè)計圈干貨大合集第二波！》
8. 《超贊！2016年7月新鮮出爐的設(shè)計圈實用干貨大合集》
9. 《精準(zhǔn)投放！2016年六月設(shè)計圈超實用干貨大合集》
10. 《月底福利！2016年5月第二波超實用設(shè)計圈干貨》
11. 《上手就用！2016年五月設(shè)計圈新鮮干貨大合集》
12. 《姍姍來遲！2016年四月設(shè)計圈干貨大合集》
13. 《質(zhì)量保證！2016年三月可靠實用的設(shè)計圈干貨》
14. 《多多益善！2016年二月設(shè)計圈實用干貨第二波》
15. 《開工福利！2016年二月設(shè)計圈實用干貨大合集》
16. 《干貨干貨干貨！2016年第二波設(shè)計圈干貨大合集》

原文地址：hongkiat
原文作者： Thoriq Firdaus
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com