我們創辦 Tutorialzine 的使命是讓你及時的了解 Web 開發中最新、最酷的趨勢。所以,每個月我們都會發布一些精心挑選的優秀 Web 開發資源,同時我們也相信,它們值得你的關注。
-
Propeller
--
Propeller 是基于 Bootstrap 與谷歌的 Material Design 的 CSS 組件框架。它包含了 25 個響應式組件,同時具備典型的 Material Design 動畫。你可以將它作為 Bootstrap 的主題,或者完整的框架以及獨立組件進行使用。
項目地址:【傳送門】
-
BaguetteBox
--
BaguetteBox 是一個利用純 JavaScript 編寫的庫,它可用于創建響應式燈箱畫廊效果。它是輕量級的,可自定義設置,并支持移動端,同時它還自帶了相應的 CSS3 過渡。
我們最近利用這個庫制作了 4 個免費的 Bootstrap Gallery 模板包,我想我們已經喜歡上它了。
項目地址:【傳送門】
-
Whitestorm
--
Whitestorm 是基于 Three.js 引擎用來開發 3D Web APPS 和游戲的框架。它為許多常見的 Three.js 任務提供了簡單的封裝,使搭建環境、創建對象、添加物件等操作更加的簡單。官方也提供了示例項目,以及與 React 集成的工具,便于你迅速的開始工作。
項目地址:【傳送門】
-
Animatelo
--
Animatelo 是流行的 Animate.css 庫的接口,它利用 Web Animation API 替代了 CSS 過渡,并將 Animate.css 庫中的所有效果重現了出來。但它的 API 是基于 Javascript 方法的,而不是 CSS 類。同時,它也是輕量級的庫,不依賴 jQuery,但在一些老版本的瀏覽器上或許要使用 polyfill。
項目地址:【傳送門】
-
FuseBox
--
FuseBox 是一個用于 JavaScript 和 CSS 的打包程序,并具備用于 TypeScript,Sass 等的附加組件。它的設計理念是簡單與性能,也為 Webpack 提供了可行的替代解決方案。
為了讓你快速開始,官方提供了 Angular 2 + TypeScript,React + Babel,Vue.js,Electron 和其他版本的快速示例教程。
項目地址:【傳送門】
-
Yargs
--
Yargs 是使用 Node.js 構建功能齊全的命令行應用程序的框架。你可以輕松的配置命令、解析多個參數以及設置快捷操作方式。甚至,它還可以自動生成幫助菜單。
項目地址:【傳送門】
-
WebGradients
--
WebGradients 收集了一系列漂亮的色彩漸變,你可以將它們輕松的應用在任何 HTML 頁面上。你可以通過快速預覽,或是全屏查看可用的漸變色,然后僅需要一鍵復制 CSS 屬性,即可將它們應用到你的項目中去。
項目地址:【傳送門】
-
Sticky-Kit
--
Sticky-kit 是一個 jQuery 插件,它可以將元素附加到頁面上的某個區域,并使元素保持其邊界。這樣隨著頁面的滾動,在父容器中的特定元素將會保持始終可見。
項目地址:【傳送門】
-
ScrollDir
--
ScrollDir 是一款超輕量的,不依賴 JavaScript 的庫,用于監測 CSS 中的滾動方向。它可以察看滾動條的移動方向,并根據你選擇的元素來切換上/下方向的數據屬性。同時,它忽略了小的滾動動作,力求創造一個平穩的體驗。
項目地址:【傳送門】
-
Svgo
--
這是一個用于優化 SVG 文件的 Node.js 工具,它可以刪除那些無用的 SVG 信息,例如編輯器元信息、注釋、隱藏元素以及不影響渲染向量的其他屬性。同時,它基于插件模式構建,所以你可以自由的選擇想要刪除的內容。
項目地址:【傳送門】
-
Store.js
--
Store.js 是用于本地存儲的跨瀏覽器解決方案。近期,它的 2.0 版本也已發布,在更新了許多功能的同時,增加了一些額外的功能,例如數組/對象操作以及改進了過期選項。
在上一期的每月 Web 開發資源列表中,我們為大家分享了一個名為 localForage 的庫。它提供了許多與 Store.js 類似的功能,但是具有更多的 localStorage 類語法。喜歡的話,不妨來看看。
項目地址:【傳送門】
-
Snarkdown
--
Snarkdown 是一個使用 JavaScript 編寫的超簡單的 Markdown 解析器。誠然,它不是最復雜或功能最全的解析器,但它可能是最容易實現的。
Snarkdown 只有 1kb 大小,且只有一種方法,使其成為速成項目的完美選擇。
項目地址:【傳送門】
-
Unfetch
--
Fetch API 是 XMLHttpRequest 接口的現代重制,它為開發人員提供了一種更好的處理異步請求的方法。雖然,它支持大多數現代瀏覽器,但是fetch()
方法在 IE 中仍然不可用。
Unfetch 的出現便解決了fetch()
方法在 IE 中不可用的問題,它提供了完整 fetch API 的子集,且 fetch polyfill 僅有 500 bytes。
項目地址:【傳送門】
-
Scrollanim
--
Scrollanim 是用于滾動動畫的 Vanilla JavaScript 庫。由于內置的 Animate.css 依賴關系,Scrollanim 提供了大量的自定義選項,單獨的 HTML 和 JavaScript API 以及超過 50 種流暢的動畫效果。
項目地址:【傳送門】
-
Neurojs
--
Neurojs 是一款用于在瀏覽器中進行深度學習 JavaScript 框架,它具備可以通過加強學習訓練的全棧神經網絡。
例如,該項目就展示了一個很酷的 Demo,其中自動駕駛汽車在 2D 環境中學習導航。
項目地址:【傳送門】
感謝你的閱讀。
注:
- 本文版權歸原作者所有,僅用于學習與交流。
- 如需轉載譯文,煩請按下方注明出處信息,謝謝!
英文原文:15 Interesting JavaScript and CSS Libraries for March 2017
作者:Danny Markov
譯者:IT程序獅
譯文地址:http://www.lxweimin.com/p/879be1dcbec6