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

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

這次的大合集當中包含一款頗為有趣的屏幕錄像軟體,幾款適用範圍較廣的基於Material Design的框架,還有一些性能測試庫也非常好用。

每個月的前端開發者乾貨素材大合集,相對而言更加專註于為網頁設計師和前端開發者搜集相關的工具和素材,這次的大合集當中包含一款頗為有趣的屏幕錄像軟體,幾款適用範圍較廣的基於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

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。