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

2019/4/22 14:44:32來源：互聯(lián)網(wǎng)

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

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

WPRIG

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

VueNative

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

SketchPress

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

Docz

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

Animista

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

GridToFlex

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

RatioBuddy

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

How to GraphQL

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

Sample History

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

Transfer.sh

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

FB Sonar

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

JSUI

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

BrainMonkey

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

Fractal

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

Ant Design Pro

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