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

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

WPRIG

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

VueNative

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

SketchPress

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

Docz

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

Animista

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

GridToFlex

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

RatioBuddy

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

How to GraphQL

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

Sample History

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

Transfer.sh

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

FB Sonar

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

JSUI

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

BrainMonkey

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

Fractal

Fractal 是一個中央文檔工具，當(dāng)團隊中的開發(fā)人員需要將組件集成到項目當(dāng)中的時候，便于借助它來進行管理文檔。它還可以輕松的集成代碼片段，顯示每個組件的預(yù)覽、信息和注釋。

Ant Design Pro

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

LuminJS

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

Prompts

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

Perception

Perception 是一個很酷的 WordPress 插件，可以通過使用 Google Cloud Vision API 來對圖像進行分類，從而改進 WordPress 媒體庫搜索。

DevTube

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

Reactive.how

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

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