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

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

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

WPRIG

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

VueNative

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

SketchPress

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

Docz

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

Animista

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

GridToFlex

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

RatioBuddy

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

How to GraphQL

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

Sample History

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

Transfer.sh

通過(guò) Shell 來(lái)共享文件是一件非常便捷的事情，而 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）來(lái)生成新的項(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í)候，便于借助它來(lái)進(jì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ù)，用來(lái)突出顯示網(wǎng)站上的文本，它可以與復(fù)雜的 DOM 結(jié)構(gòu)無(wú)縫地協(xié)作，可編程，可以設(shè)置速度、樣式和動(dòng)畫。

Prompts

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

Perception

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

DevTube

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

Reactive.how

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

如果這期沒有你想要的素材，推薦看一下近期的幾篇設(shè)計(jì)圈干貨大合集：