不要錯(cuò)過！2018年7月前端開發(fā)者干貨大合集第二波

7月不僅是溫度最高的季節(jié)，而且也是設(shè)計(jì)和開發(fā)素材產(chǎn)量最高的月份。很多著名的開發(fā)者和機(jī)構(gòu)都在近期推出了素質(zhì)頗為過硬的工具和素材。

在今天的干貨合集當(dāng)中，你會(huì)看到來自 WordPress 社區(qū)的 Sketch 庫(kù)，基于 React.js 和 Vue.js 的新工具，以及一些能夠幫你提拔開發(fā)技能的好東西。

WPRIG

這是一個(gè)由 Morten Rand-Hendriksen 所創(chuàng)建的 WordPress 主題制作新手大禮包，它可以和諸如 Gulp、Babel、ESLint 和 Visual Studio Code 等當(dāng)代開發(fā)工具聯(lián)動(dòng)，能幫助你創(chuàng)建良好的 WP主題。

VueNative

這是一個(gè)基于 Vue.js 的框架，用來構(gòu)建跨平臺(tái)的移動(dòng)端應(yīng)用程序，你可以使用 Vue.js 來規(guī)范化地編寫代碼。

SketchPress

10up 剛剛發(fā)布了 SketchPress，它是可用于 Sketch 的模板，用來快速設(shè)計(jì) WordPress 主題。它包含常用的 UI控件，比如按鈕、 菜單欄等。

Docz

Docz 是一款基于 MDX 的文檔生成器，這款工具能夠讓你像編寫 JSX 文檔一樣，加入 JSX 自定義功能，并且和 Markdown 的語法混合使用。

Animista

CSS 動(dòng)效能讓頁面更加富有生命力，不過考慮到動(dòng)畫的使用范圍和欣賞器的兼容性，編寫 CSS 動(dòng)效總不是那么簡(jiǎn)單，而 Animista 可以讓這個(gè)過程更加便捷，它提供友愛的界面，生成代碼之后，直接使用即可。

GridToFlex

這是一系列使用 CSS柵格來構(gòu)建 Web 布局的現(xiàn)實(shí)范例，這些范例當(dāng)中，F(xiàn)lexbox 被作為備用方案來應(yīng)對(duì)兼容性不好的欣賞器。

RatioBuddy

這是一個(gè)用來生成自定義比例的 CSS 框架的好工具，它能夠生成 SCSS格式的代碼，便于復(fù)制和使用。

How to GraphQL

GraphQL 是 REST數(shù)據(jù)結(jié)構(gòu)的替換方案，而 How to GraphQL 則是它的相干的學(xué)習(xí)資源。

Sample History

這是一個(gè)簡(jiǎn)單的 WordPress 插件，它能夠在儀表盤中表現(xiàn)已完成活動(dòng)的歷史記錄。它可以記錄 WordPress 本地的活動(dòng)，還能夠跟蹤其他的插件的狀態(tài)，甚至支持高級(jí)的自定義字段和用戶切換。

Transfer.sh

通過 Shell 來共享文件是一件特別很是便捷的事情，而 Transfer.sh 就能夠幫你做到這件事情，它支持幾乎任何格式的文件，并且支持文件加密，自高可達(dá)10GB。

FB Sonar

這是一款 iOS 和 Android 平臺(tái)的移動(dòng)端應(yīng)用調(diào)試工具，其中包括了一些常見的調(diào)試組件，包括日志查看器，交互式布局檢查器和網(wǎng)絡(luò)調(diào)試工具等。

JSUI

這款 APP 當(dāng)中涵蓋了一系列的工具，幫你更好的組織你的項(xiàng)目。你可以創(chuàng)建一個(gè)組，然后使用一些流行的工具（比如 React、Vue 和 Angular）來生成新的項(xiàng)目，安裝項(xiàng)目依靠項(xiàng)，運(yùn)行 Node.JS服務(wù)器等等。對(duì)于同時(shí)必要管理十幾個(gè)項(xiàng)目的開發(fā)者而言，這是一個(gè)很棒的應(yīng)用。

BrainMonkey

這是一個(gè)PHP 單元測(cè)試程序，它提供了一系列針對(duì) WordPress 的工具，它提供了模仿 PHP 函數(shù)的工具，以及一系列上手即可使用的工具幫你處理 WordPress 函數(shù)，比如 add_action remove_action 等，幫你搞定這些通常都很難進(jìn)行測(cè)試的部分。

Fractal

Fractal 是一個(gè)中間文檔工具，當(dāng)團(tuán)隊(duì)中的開發(fā)人員必要將組件集成到項(xiàng)目當(dāng)中的時(shí)候，便于借助它來進(jìn)行管理文檔。它還可以輕松的集成代碼片段，表現(xiàn)每個(gè)組件的預(yù)覽、信息和解釋。

Ant Design Pro

AntDesign 是基于 React.js 的一個(gè)流行的 UI 框架，而 Ant Design Pro 則是針對(duì)企業(yè)應(yīng)用的 Pro版本。其中包括了幾個(gè) AntDesign 中不曾擁有的組件，比如 AvatarList、HeaderSearch 等。這款框架還內(nèi)置了開發(fā)工具，構(gòu)建工具，測(cè)試和部署組件。

LuminJS

這是一個(gè)超小型的 javascript 庫(kù)，用來凸起表現(xiàn)網(wǎng)站上的文本，它可以與復(fù)雜的 DOM 結(jié)構(gòu)無縫地協(xié)作，可編程，可以設(shè)置速度、樣式和動(dòng)畫。

Prompts

這是一個(gè)特別很是方便的 NPM包，幫你使用 Node.JS 來構(gòu)建交互式CLI，它支持基本提醒、多種選擇和不同類型的錄入，包括密碼、文本、數(shù)字和電子郵件等。

Perception

Perception 是一個(gè)很酷的 WordPress 插件，可以通過使用 Google Cloud Vision API 來對(duì)圖像進(jìn)行分類，從而改進(jìn) WordPress 媒體庫(kù)搜索。

DevTube

這是一個(gè)來自 Youtube 的系列視頻，包括諸如 JSConf、GoogleTechTalk 和 O’Reilly 等幾個(gè)聞名的開發(fā)者大會(huì)。你可以在這個(gè)視一再道升級(jí)你的開發(fā)技巧。

Reactive.how

反應(yīng)式編程正在鼓起，而這個(gè)是來自 Cèdric Soulas 的一個(gè)項(xiàng)目，旨在教你反應(yīng)式編程的原理。