Tutorialzine每月都會給我們精心挑選優秀的web開發資源，這些資源可以幫助我們解鎖最新和最炫酷的網路開發姿勢。前端er,讓我們一起先睹為快吧！
Polly.js
polly是一個用於記錄，重放和模擬HTTP互動的開源庫。它提供了一套完善且易用的API來攔截、修改和附加事件，並更改配置來加快或減慢請求響應時間。並且使用Polly記錄的HTTP互動歷史可以儲存到瀏覽器的localstorage或本地儲存中。
react-easy-crop
一個通過簡單的互動來裁剪影像的React元件，它非常易於使用，支援拖動和縮放互動，提供了畫素和百分比的裁剪方式。你可以使用任何影像格式(jpeg，png，gif)。並且該元件支援移動端開發。
Cirrus
用於建立耳目一新且響應式web應用的CSS框架。它提供了建立漂亮的互動式設計所需的所有元件 - 按鈕，表單，動畫，表格，頁首，頁尾等等。該框架非常輕量-你可以只選取應用所需的元件檔案，而且可以自定義-所有元件可使用CSS設定樣式，該框架相容所有的現代瀏覽器。
repaintless
Repaintless.css是一款輕量級高效能的CSS3動畫庫。極易應用且內建了大量動效（fade-in, fade-out, rotate, pulse, slide ）等等。可以通過更改scss變數（檔案）來輕鬆定製動畫。
spritejs
Sprite是一款跨平臺2D渲染物件模型，為圖形建立類似於DOM的物件模型，因此我們可以像建立DOM元素一樣建立Sprite元素，並將它們渲染到Cavans畫布上。支援服務端渲染，高效能的快取策略，可擴充套件的事件機制。
Three Dots
Three Dots是一個CSS庫，由三個點建立的有趣載入特效。內建了大量的的動畫，而且可以通過scss變數來輕鬆定製（顏色，寬度，高度，間距等）。
RModal.js
Rmodal.js是一個簡單且高效能的模態對話方塊。非常輕量（僅1.2KB），沒有外部依賴性。對Bootstrap和Animate.css友好。支援ES modules, CommonJS併相容IE9以上版本的所有現代瀏覽器。
Jest
它是一個用於JavaScript程式碼的測試工具。零配置，開箱即用。使用並行測試來最大化效能，內建的程式碼覆蓋率報告並支援TypeScript或任何其他編譯到JavaScript的語言。
Boxicons
一個很棒的開源圖示集，包含400多個圖示。您可以使用自定義類來設定圖示的樣式（更改大小，新增邊框和動畫，旋轉或翻轉）。此圖示集中收藏了各式各樣的圖示，你很有可能找到你心儀的圖示。
Web-Maker
Web Maker是供前端使用的離線編輯器。它內建了一個控制皮膚，可以方便的新增JS和CSS庫，並支援HTML，CSS和JavaScript前處理器，專案的匯入和匯出，並能一鍵完成在CodePen中共享。
Odometer
Odometer是一個用來建立平滑的數字變換的元件庫（Javascript和CSS）。輕量，高效能，所有動畫採用CSS中transform實現。它支援Firefox，Safari，Chrome和IE8 +，並且在舊版瀏覽器上具有自動降級功能。
Gatsby
是一個快速生成靜態站點的工具。支援所有最新的Web技術如React，Webpack，JavaScript和CSS。並具有豐富的外掛支援，支援從任何來源匯入資料。 Gatsby專注於構建快速，高效能的站點，而且部署過程非常簡單。
Anime.js
Anime.js是一個非常輕量的JavaScript動畫庫，可以處理任意的CSS屬性，以及SVG或DOM屬性。提供了大量的可自定義功能介面，如連結和同步多個動畫，播放，暫停和重新啟動等等。
DataTables
一款開源jQuery外掛，可以在HTML表單中新增高階功能。它內建了許多常用功能，如分頁，過濾，根據列排序等等，使用者可以從表中獲取最多資訊。它對移動裝置友好，而且可擴充套件和具有對多語言支援特徵。
Shave
Shave是一個零依賴、輕量級的JavaScript外掛，它用於截斷多行文字，以適應基於max-height設定好的html元素，並將原始文字字串儲存在隱藏的元素中，以便你的文字能夠完整地保留在頁面中。Shave非常輕量（1.5k），不依賴任何庫並且能與其他javascript庫相容。
寫在最後
週末看部落格，突然想起這系列文章的以前作者好像已經很久沒有更新了，剛好有看到這個系列，就想到譯一下，如果大家有興趣，歡迎大家留言。
原文：15 Interesting JavaScript and CSS Libraries for July 2018 - Tutorialzine