2017年6月前端開發者乾貨大合集

每個月的前端開發者乾貨素材大合集，相對而言更加專注於為網頁設計師和前端開發者蒐集相關的工具和素材，這次的大合集當中包含一款頗為有趣的螢幕錄影軟體，幾款適用範圍較廣的基於Material Design的框架，還有一些效能測試庫也非常好用。這些前端工具與素材功能各不相同，總會有一兩款是你感興趣，甚至正好想要的~

Kap

Kap 是一款設計精巧的macOS 螢幕錄影軟體，它是基於Web技術來搭建的開源APP。這款應用中最令人著迷的是它的即時轉碼輸出功能。Kap 是幫你記錄APP的絕佳工具。

Sizzy

Sizzy 是一款用來測試響應式網站的開發工具，它可以幫你在一塊螢幕上測試多個螢幕尺寸下的顯示效果。比起Chrome 內容之的移動端模擬器，Sizzy 要方便太多。值得一提的是，它也是Chrome 瀏覽器外掛。

Muse UI

Muse UI 是一款基於 Vue.js 2.0 採用Material Design 風格的 UI 庫，其中包含了諸如 Appbar、Card 和 Dialog 這樣典型的Material design 風的控制元件。在它的基礎上快速構建UI是個不錯的選擇。

如果你想學習前端可以來這個群，首先是二九一，中間是八五一，最後是一八九，裡面可以學習交流，也有資料可以下載。

Advanced WP-CLI

作為一名 WordPress 開發者，我我幾乎每天都會用到 WP-CLI 。我最近才發現，WP-CLI 還能讓你在建立主題的時候，作為 PHP UnitTest 的腳手架而存在！下面是 WP-CLI 的開發者 Daniel Bachhuber 所列舉的 WP-CLI 的高階用法列表。

Lunacy

Lunacy 是一款在Windows 平臺下的 Sketch 文件閱工具。包含文字、柵格」漸變和陰影的Sketch 文件都可以正常顯示，無需聯網，直接使用，完全免費。

K6

對於每個Web應用而言，速度都很關鍵。但是如何衡量速度呢？這就是K6能幫你搞定的事情了。它會模擬網站的流量，計算載入速度。簡單的說，K6就是測試速度和效能的單元測試工具。

Checker Service

網路檢測工具也能多，它們常常能夠檢測DNS、載入速度、SEO、安全以及SSL等，今天的這個服務列表當中包含了大量這類檢測工具，其中絕大多數是免費的，還有一部分是提供高階功能的收費工具。

SVGito

SVGito 是一款用來優化 Sketch 生成的SVG文件的實用小工具，將你生成的SVG 文件的相應程式碼貼上到 SVGito 當中，就能返還給你優化好的程式碼。

Launchaco

想為你的專案起一個沒人用過又足夠好聽的名字以及相應的域名還蠻不容易的，而Launchaco 就是幫你解決這個問題的，它會幫你結合社交媒體（Twitter、Facebook等）的域名和使用者名稱的資訊，幫你生成一個合用的名稱，甚至生成相應的標識。

Obnoxious

這是一組使用CSS生成的獨特的動畫的合集。如果你的內心和大腦不夠堅強的話……還是不要開啟它們了，哈哈。

CSS Grid Cheat Sheet

在剛剛學習CSS柵格的時候，碰到新的屬性，新的測試單元，以及全新的Web佈局和實戰範例，可能是一件略顯棘手的事情。而今天所推薦的這個工具，就是幫你縮短這個過程，真正落到實地。

Workbox

Workbox 是來自谷歌的一個全新的專案，旨在構建漸進式的Web應用（PWA），它類似於 Yeoman 和 Create React APP，讓你可以通過一行命令來完成一系列的任務。

Mavo

Mavo 是一個來自 Lea Verou的全新開源專案，它是一個能將裸 HTML 標記和一些自定義屬性直接轉換為 Web應用的庫。它和其他的庫（諸如 Backbone、Vue.js 以及 React）相比，更易於使用，因為它能讓技術沒那麼專精的使用者同樣可以輕鬆構建出優秀的Web應用。

Material UI

和 Muse UI類似，它也是一個基於 Material Design 設計語言的UI框架。不過 Material UI 是基於 React 來開發的。所以，選擇 Material UI還是選擇 Muse UI，就要看你的團隊更傾向於 React 還是 Vue.js了。

Lazy Image

Lazy Image 是一個用來按要求載入圖片的自定義 HTML 元素，這個自定義元素在元素物件中提供了一個附加的 .active 物件，可以在任何需要的事件或者使用者互動中觸發它。

Mac CLI

Mac CLI 是一款能夠透過終端來管理你的 macOS 的優秀工具。對於熱衷於使用命令列來控制系統的開發者而言，這是多麼實用的東西啊！

Keeping You Awake

KeepingYouAwake 是一款防止Mac進入睡眠狀態的選單欄小工具，一旦你啟用了它，它就能讓你的Mac一直處於開啟狀態。

JSON Feed

JSON Feed 基於 JSON 格式的Feed 標準，它可以藉助 WordPress – pluginhre – build 來實現。讓我們同 XML 說再見吧。

Carbon

簡而言之，Carbon 就是 PHP版的 Moment.js。它是一款用來生成可控日期和時間字串的PHP庫。

SpeedRacer

SpeedRacer 是今天所推薦的另外一款效能單元測試工具。K6是通過模擬使用者訪問的流量來評估效能，而SpeedRacer 則是直接藉助瀏覽器來實際測試效能，兩者可以搭配起來使用。