這個月我們已經為設計師專門推送了不少設計工具了，而這個合集是專門給前端開發同學所準備的素材和工具合集。其中包含有各種代碼合集、開發框架，有的是 React 拓展，還有一些基於 PHP 的應用程序。除了非常實用、面向生產的實用工具之外，還有懷舊向的 CSS 庫，還有幫你提升開發和設計技能的學習資料。
下面是完整的推薦內容：
FreeForDev
FreeForDev 是一個令人驚豔的免費服務列表，列表中彙集的內容範圍很廣，包括雲服務供應商、Web 託管、源代碼回購、代碼質量服務等等。我敢肯定，許多做開發同學會發現它們非常有用，特別是在預算有限的情況下。
TinaCMS
TinaCMS 是一個新的內容管理系統，它是基於如今最閃亮的堆棧服務 React、Gatsby、Next.js。這套內容管理系統可以輕鬆管理文本、圖片、日期、配色等多種字段。如果你不喜歡 React.js，那麼你還可以使用 Vue.js、Gridsome 和 Nuxt.js 。
Laravel Vue SPA
正如同這個工具的名字所暗示的，它是 Laravel 和 Vue.js 構建單頁應用（SPA）的一個框架，它可以和 Laravel 6.0 一起使用，Laravel 6.0 是最新的版本，還帶有 Socialite，讓你可以將 Twitter 和 Github 等網站服務集成到一起。
BookStackApp
BookStackAPP 同樣是一個自託管的 CMS 系統，用來組織和存儲信息，這是一個發佈文檔、註釋或者製作 Wiki 的理想平臺。它是免費的，代碼開源，使用 Laravel 構建，可以完全自定義，你也可以使用最低5美元的 DigitalOcean VPS 來託管它。
FreshRSS
這是一個自託管的內容管理系統，用來讀取 RSS 源。它對於 PHP 環境的要求非常低，FreshRSS 是 Feedly 的良好替代品，使用它你可以自行存儲所有的數據，你可以選擇託管在一些便宜的 Web 服務商那裡，也可以安裝在具有 MAMP 或者 WAMP 的本地主機當中。
NES.css
NES.css 是一套用於構建任天堂8位復古風格的UI組件的框架，其中包含各種不同的組件樣式，包括按鈕、表單和輸入。
Whois
這是一套用來檢查域註冊的命令行實用工具。它的執行速度很快，和基於網絡的 Whois 網站檢測工具相比，它更加便捷，沒有彈出廣告和 Captcha 驗證。
Protractor
Protractor 是一個 專門為 Angluar 和 AngularJS 類應用所構建的端到端測試框架。在它幫助下，你可以在真實的的瀏覽器中運行一系列的測試，並且像普通用戶一樣同應用進行交互，確保 Angular 應用能夠按照預期一樣運行。
Sortable
Sortable 是一個 JavaScript 庫，可以用來創建課排序的界面。它是使用純粹的 JavaScirpt 來構建的，沒有附加任何額外的依賴庫，這讓它可以無縫集成到其他的各種框架當中，比如 React.js 和 Vue.js。
TSDX
TSDX 是為了改善開發過程中 TypeScript 項目中開發人員體驗而創建的項目。你只需要啟動它就可以立即在項目當中使用，而無需設置 TypeScript、Rollup 或者 Jest 等其他配置。
JAMStack Conf
這是 2019 年 JAMStack Conf 視頻的合集，這其中包含很多精彩的演講，以及當下網絡行業的發展狀況。
Bats Core
Bash 是我最喜歡的語言之一，但是我現在才知道，它一樣可以使用 Bats 來進行自動測試，與其他的編程語言（PHP 和 JS）一樣，自動測試可以幫助我們確保整個程序按照預期來運行。
Theme UI
這是一個用於 React.js 的 JavaScirpt 庫，可以用來構建一致可用的定製化 UI 界面。
Rough Charts
Rough Charts 是一個 React.js 組件，它可以用來繪製粗略的圖表。這是一個響應式的組件，支持多中不同的常見圖表類型，包括餅狀圖、條形圖和折線圖等。
Butter Cake
Butter Cake 是一個基於 CSS Flexbox 的現代CSS框架，它自帶許多預定義的 UI 組件，比如 按鈕、輪播圖、麵包屑、導航、表單等等。
Reactive Search
如果使用 ElasticSearch 並且想構建一致的UI搜索頁面，那麼可以試試 Reactive Search。這套組件包含有建議搜索列表，以及搜索過濾器，你可以結合 React.js、Vue.js 和 React Native 一起使用。
ReBass
這是一個使用 Styled System 構建的 React 組件合集，常用的組件都包含其中，比如 按鈕、標題、表單等常用的樣式。Styled System 讓你可以更加深度地定義 React 當中組件的屬性，讓自定義設計更容易實現，也更加統一。
React Cosmos
這是一個用於 React.js 的 UI 組件沙盒。你可以隔離並呈現 UI 組件，用來測試每個 UI 組件的屬性，與之交互，看它在不同視圖下不同大小和細節。
ProgressBar
ProgressBar 是一個 JavaScript 庫，讓你可以更加便捷快速地創建精美的進度條，你可以在其中找到經典的直線進度條，也可以生成心型或者其他造型的形狀。
Treat
這是一個用來編寫 CSS-in-JS 的 JavaScript 庫的工具。Treat 的運作機制和其他的 CSS-in-JS 略有不同，它在構建的時候就直接編譯 CSS，而不是到瀏覽器當中再實時編譯，因此從某種意義上上來說，它在技術上更加類似於 CSS 預處理器，比如Sass 和 LESS。
鏈接：https://www.uisdc.com/designers-developers-monthly-10-2019
今天就分享到這裡啦~~
如果有任何關於設計的問題
都可以添加Q群和大家一起討論喲！
QQ群：778296837
站長：小夥伴們可以關注一下偶滴抖音，我會定期給大家用詼諧幽默有意思的視頻來教大家更好的認識設計，打開抖音掃描下方二維碼或者直接搜索抖音號就可以看到我啦~筆
閱讀更多 UI設計靠譜站長 的文章
