15 個有趣的 JS 和 CSS 庫

咱們創辦 Tutorialzine 的使命是讓你及時的瞭解 Web 開發中最新、最酷的趨勢。因此，每月咱們都會發布一些精心挑選的優秀 Web 開發資源，同時咱們也相信，它們值得你的關注。

1. Propeller

Propeller 是基於 Bootstrap 與谷歌的 Material Design 的 CSS 組件框架。它包含了 25 個響應式組件，同時具有典型的 Material Design 動畫。你能夠將它做爲 Bootstrap 的主題，或者完整的框架以及獨立組件進行使用。

項目地址：【傳送門】

2. BaguetteBox

BaguetteBox 是一個利用純 JavaScript 編寫的庫，它可用於建立響應式燈箱畫廊效果。它是輕量級的，可自定義設置，並支持移動端，同時它還自帶了相應的 CSS3 過渡。

咱們最近利用這個庫製做了 4 個免費的 Bootstrap Gallery 模板包，我想咱們已經喜歡上它了。

項目地址：【傳送門】

3. Whitestorm

Whitestorm 是基於 Three.js 引擎用來開發 3D Web APPS 和遊戲的框架。它爲許多常見的 Three.js 任務提供了簡單的封裝，使搭建環境、建立對象、添加物件等操做更加的簡單。官方也提供了示例項目，以及與 React 集成的工具，便於你迅速的開始工做。

項目地址：【傳送門】

4. Animatelo

Animatelo 是流行的 Animate.css 庫的接口，它利用 Web Animation API 替代了 CSS 過渡，並將 Animate.css 庫中的全部效果重現了出來。但它的 API 是基於 Javascript 方法的，而不是 CSS 類。同時，它也是輕量級的庫，不依賴 jQuery，但在一些老版本的瀏覽器上或許要使用 polyfill。

項目地址：【傳送門】

5. FuseBox

FuseBox 是一個用於 JavaScript 和 CSS 的打包程序，並具有用於 TypeScript，Sass 等的附加組件。它的設計理念是簡單與性能，也爲 Webpack 提供了可行的替代解決方案。

爲了讓你快速開始，官方提供了 Angular 2 + TypeScript，React + Babel，Vue.js，Electron 和其餘版本的快速示例教程。

項目地址：【傳送門】

6. Yargs

Yargs 是使用 Node.js 構建功能齊全的命令行應用程序的框架。你能夠輕鬆的配置命令、解析多個參數以及設置快捷操做方式。甚至，它還能夠自動生成幫助菜單。

項目地址：【傳送門】

7. WebGradients

WebGradients 收集了一系列漂亮的色彩漸變，你能夠將它們輕鬆的應用在任何 HTML 頁面上。你能夠經過快速預覽，或是全屏查看可用的漸變色，而後僅須要一鍵複製 CSS 屬性，便可將它們應用到你的項目中去。

項目地址：【傳送門】

8. Sticky-Kit

Sticky-kit 是一個 jQuery 插件，它能夠將元素附加到頁面上的某個區域，並使元素保持其邊界。這樣隨着頁面的滾動，在父容器中的特定元素將會保持始終可見。

項目地址：【傳送門】

9. ScrollDir

ScrollDir 是一款超輕量的，不依賴 JavaScript 的庫，用於監測 CSS 中的滾動方向。它能夠察看滾動條的移動方向，並根據你選擇的元素來切換上/下方向的數據屬性。同時，它忽略了小的滾動動做，力求創造一個平穩的體驗。

項目地址：【傳送門】

10. Svgo

這是一個用於優化 SVG 文件的 Node.js 工具，它能夠刪除那些無用的 SVG 信息，例如編輯器元信息、註釋、隱藏元素以及不影響渲染向量的其餘屬性。同時，它基於插件模式構建，因此你能夠自由的選擇想要刪除的內容。

項目地址：【傳送門】

11. Store.js

Store.js 是用於本地存儲的跨瀏覽器解決方案。近期，它的 2.0 版本也已發佈，在更新了許多功能的同時，增長了一些額外的功能，例如數組/對象操做以及改進了過時選項。

在上一期的每個月 Web 開發資源列表中，咱們爲你們分享了一個名爲 localForage 的庫。它提供了許多與 Store.js 相似的功能，可是具備更多的 localStorage 類語法。喜歡的話，不妨來看看。

項目地址：【傳送門】

12. Snarkdown

Snarkdown 是一個使用 JavaScript 編寫的超簡單的 Markdown 解析器。誠然，它不是最複雜或功能最全的解析器，但它多是最容易實現的。

Snarkdown 只有 1kb 大小，且只有一種方法，使其成爲速成項目的完美選擇。

項目地址：【傳送門】

13. Unfetch

Fetch API 是 XMLHttpRequest 接口的現代重製，它爲開發人員提供了一種更好的處理異步請求的方法。雖然，它支持大多數現代瀏覽器，可是 fetch() 方法在 IE 中仍然不可用。

Unfetch 的出現便解決了 fetch() 方法在 IE 中不可用的問題，它提供了完整 fetch API 的子集，且 fetch polyfill 僅有 500 bytes。

項目地址：【傳送門】

14. Scrollanim

Scrollanim 是用於滾動動畫的 Vanilla JavaScript 庫。因爲內置的 Animate.css 依賴關係，Scrollanim 提供了大量的自定義選項，單獨的 HTML 和 JavaScript API 以及超過 50 種流暢的動畫效果。

項目地址：【傳送門】

15. Neurojs

Neurojs 是一款用於在瀏覽器中進行深度學習 JavaScript 框架，它具有能夠經過增強學習訓練的全棧神經網絡。

例如，該項目就展現了一個很酷的 Demo，其中自動駕駛汽車在 2D 環境中學習導航。

項目地址：【傳送門】

感謝你的閱讀。

注：

1. 本文版權歸原做者全部，僅用於學習與交流。
2. 如需轉載譯文，煩請按下方註明出處信息，謝謝！

英文原文：15 Interesting JavaScript and CSS Libraries for March 2017
做者：Danny Markov
譯者：IT程序獅
譯文地址：http://www.jianshu.com/p/879be1dcbec6