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 則是直接借助瀏覽器來實際測試性能,兩者可以搭配起來使用。

 

本文地址: http://www.uisdc.com/developers-monthly-06-2017


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化