2018年9月前端開發者超實用干貨大合集
過去的幾個月當中，開發者社區發布了大量的新工具和新資源，整個社區的活躍度有著明顯的提升。這也使得前端干貨大合集這個系列文章，有了足夠多的值得推薦的素材。
在這次的工具列表當中，有用來生成虛擬數據的 JavaScript庫，有用于在本地網絡當中共享文件的工具，以及允許你將終端記錄直接轉化為 SVG 動畫的工具。它們是不是聽起來都挺酷的?如果你是一個對新鮮有趣的前端素材感興趣的人，那么不要錯過今天的推薦。
Pushbar.js 是一個用來創建滑動抽屜效果的 JavaScript 庫，滑動抽屜效果常常會用到網站的導航當中，用來展示二級導航以及其他內容，但是在網站的其他地方使用，也沒有任何問題。Pushbar.js 是完全可定制的，不具備依賴性，不需要 jQuery。
Carbon CLI 是一個用于 Node.js 的工具，可以通過命令行界面生成代碼截圖。這個工具的靈感來自于 carbon.now.sh ，它讓你可以通過瀏覽器來做到同樣的事情。
這是一個用來創建虛擬數據的 JavaScript 庫，它支持生成大量數據，包括姓名、地址、公司名稱、電話、日期等不同的字段。這些數據用來測試 Web應用和網站是非常有用的。
TermToSVG 是一款 Linux 終端記錄工具，可以將命令行對話呈現為 SVG 動畫。對于開發人員而言，它是編寫教程非常有用的工具。
這是一個 PHP 的庫，它的名字已經很清楚地反映了它的功能：數據庫備份管理。它能夠提供數據庫的備份和恢復的服務，支持從中提取和備份各種服務，包括 Dropbox、Amazon S3、FTP、SFTP 以及 Rackloud Cloud。
這是一個搜集了大量 React.js 的技術、提示和技巧的合集，涵蓋了常見的設計模式、樣式、性能的使用技巧，是非常好用的資源，可以提升你的 React.js 的技能。
DSS 的全稱是 Deterministic Style Sheets，是一種全新的 CSS 創建工具。它是如何運作的?又是如何應用到日常工作當中的?目前，它還有很多可供挖掘的空間，作為一個有前景的新興事物，可以關注一下。
PurgeCSS 是一個 NPM 包，允許通過刪除未使用的 CSS 來優化 Web應用，這款工具內置了很多支持模塊，包括 Gulp、Grunt、Webpack 以及 PostCSS，所以，你可以將它集成到你的項目當中去。
RFS 是「響應式字體尺寸」的縮寫，這是一個非常有趣的項目，可以解決網頁上最麻煩的事兒，也就是字體大小隨著屏幕尺寸變化而響應，與設備更好的匹配。RFS 可以作為 NPM 來使用。
這是一個用來創建自定義滾動條的 JavaScript 庫，SimpleBar 能夠讓你像其他的 HTML 元素一樣使用 CSS 來控制滾動條的樣式。在過去，由于平臺和瀏覽器的顯示，瀏覽器的滾動條樣式很復雜，但是 SimpleBar 讓這一點變得簡單。
Larastan 是一款為 Laravel 而包裝的 PHPStan。PHPStan 是一個用來檢測代碼潛在錯誤的工具，檢測過程中無需編寫單元測試。它能夠檢測的東西很多，包括調用的方法和函數，分配的屬性類型，給類構造函數的數量和類型，還能驗證 phpDocs。
PWMetrics 是一款由 Paul Irish 所開發的的工具，它能夠通過命令行界面來收集 Progressive Web App 的相關指標。這款工具是由 Lighthouse 提供支持，可以作為 NPM包使用。
Pax 是一款 JavaScript 捆綁器，用來將 JavaScript 模塊編譯為瀏覽器可用的文件。Pax 承諾，它將為開發者提供足夠快的速度。相比于其他同類的捆綁包，Pax 編譯得更快，完全支持 ES6 的導入導出語法，以及 CommonJS sytax 的導入。
SustyWP 是一款非常精簡的 WordPress 主題，它通過盡可能小的尺寸來節省空間資源。在瀏覽器加載的時候，這個主題僅有7kb，速度快，量級輕，你可以在這篇文章當中看到 Jack Lenox 為它所撰寫的主題故事。
The Doodle Library 是一個涂鴉庫，其中包含大量的涂鴉圖紙，并且按照不同的屬性分門別類。這些圖紙都是使用的 SVG格式，方便使用。這些素材是按照 Creative Common Attributions 4.0 來分發的。
Tilt.js 是一個 jQuery 插件，用來創建類似于我們在 Apple TV 上能看到的各種預覽縮略圖，并且帶有非常漂亮的漸變效果。它不需要額外的 CSS 就能實現。這個工具的頁面當中提供了一些實現的實例，上手非常簡單。
Fiileroom 是一款在同一網絡內進行 P2P文件共享的工具，無論你使用什么操作系統，都可以順暢地進行分享。
Coolhue 為你提供一系列精心挑選的漸變色，讓你可以直接抓取配色方案用于 Photoshop 和 Sketch 等工具，也能借助 bower 或者 npm 直接用于你的相關開發項目。這可以為你進行網站設計開發節省不少時間。
Reef 是一款用來創建 UI 的簡單的 JS庫，它沒有諸如 React.js 和 Vue.js 這樣的大型庫當中花哨的組成部分，如果你只需要渲染 UI，那么你使用 Reef 就可以了。另外，Reef 非常小，僅有2kb。
Evergreen 是一個來自 Segment.io 的 UI組件合集，其中包含的組件各不相同，除了按鈕，圖標，文本輸入框等常見的組件之外，還包含有 Evergreen 所獨有的內容，比如 Toaster，Side Sheet 以及 Comer Dialog 等組件。
