我們創(chuàng)辦 Tutorialzine 的使命是讓你及時的了解 Web 開發(fā)中最新祝旷、最酷的趨勢唤锉。所以,每個月我們都會發(fā)布一些精心挑選的優(yōu)秀 Web 開發(fā)資源该抒,同時我們也相信,它們值得你的關(guān)注顶燕。
-
Propeller
--
Propeller 是基于 Bootstrap 與谷歌的 Material Design 的 CSS 組件框架凑保。它包含了 25 個響應(yīng)式組件,同時具備典型的 Material Design 動畫涌攻。你可以將它作為 Bootstrap 的主題欧引,或者完整的框架以及獨立組件進(jìn)行使用。
項目地址:【傳送門】
-
BaguetteBox
--
BaguetteBox 是一個利用純 JavaScript 編寫的庫恳谎,它可用于創(chuàng)建響應(yīng)式燈箱畫廊效果芝此。它是輕量級的,可自定義設(shè)置因痛,并支持移動端婚苹,同時它還自帶了相應(yīng)的 CSS3 過渡。
我們最近利用這個庫制作了 4 個免費的 Bootstrap Gallery 模板包鸵膏,我想我們已經(jīng)喜歡上它了膊升。
項目地址:【傳送門】
-
Whitestorm
--
Whitestorm 是基于 Three.js 引擎用來開發(fā) 3D Web APPS 和游戲的框架蔑舞。它為許多常見的 Three.js 任務(wù)提供了簡單的封裝亚亲,使搭建環(huán)境、創(chuàng)建對象乙濒、添加物件等操作更加的簡單债查。官方也提供了示例項目非区,以及與 React 集成的工具,便于你迅速的開始工作攀操。
項目地址:【傳送門】
-
Animatelo
--
Animatelo 是流行的 Animate.css 庫的接口院仿,它利用 Web Animation API 替代了 CSS 過渡,并將 Animate.css 庫中的所有效果重現(xiàn)了出來。但它的 API 是基于 Javascript 方法的歹垫,而不是 CSS 類剥汤。同時,它也是輕量級的庫排惨,不依賴 jQuery吭敢,但在一些老版本的瀏覽器上或許要使用 polyfill。
項目地址:【傳送門】
-
FuseBox
--
FuseBox 是一個用于 JavaScript 和 CSS 的打包程序暮芭,并具備用于 TypeScript鹿驼,Sass 等的附加組件。它的設(shè)計理念是簡單與性能辕宏,也為 Webpack 提供了可行的替代解決方案畜晰。
為了讓你快速開始,官方提供了 Angular 2 + TypeScript瑞筐,React + Babel凄鼻,Vue.js,Electron 和其他版本的快速示例教程聚假。
項目地址:【傳送門】
-
Yargs
--
Yargs 是使用 Node.js 構(gòu)建功能齊全的命令行應(yīng)用程序的框架块蚌。你可以輕松的配置命令、解析多個參數(shù)以及設(shè)置快捷操作方式膘格。甚至峭范,它還可以自動生成幫助菜單。
項目地址:【傳送門】
-
WebGradients
--
WebGradients 收集了一系列漂亮的色彩漸變瘪贱,你可以將它們輕松的應(yīng)用在任何 HTML 頁面上纱控。你可以通過快速預(yù)覽,或是全屏查看可用的漸變色政敢,然后僅需要一鍵復(fù)制 CSS 屬性其徙,即可將它們應(yīng)用到你的項目中去。
項目地址:【傳送門】
-
Sticky-Kit
--
Sticky-kit 是一個 jQuery 插件喷户,它可以將元素附加到頁面上的某個區(qū)域,并使元素保持其邊界访锻。這樣隨著頁面的滾動褪尝,在父容器中的特定元素將會保持始終可見。
項目地址:【傳送門】
-
ScrollDir
--
ScrollDir 是一款超輕量的期犬,不依賴 JavaScript 的庫河哑,用于監(jiān)測 CSS 中的滾動方向。它可以察看滾動條的移動方向龟虎,并根據(jù)你選擇的元素來切換上/下方向的數(shù)據(jù)屬性璃谨。同時,它忽略了小的滾動動作,力求創(chuàng)造一個平穩(wěn)的體驗佳吞。
項目地址:【傳送門】
-
Svgo
--
這是一個用于優(yōu)化 SVG 文件的 Node.js 工具拱雏,它可以刪除那些無用的 SVG 信息,例如編輯器元信息底扳、注釋铸抑、隱藏元素以及不影響渲染向量的其他屬性。同時衷模,它基于插件模式構(gòu)建鹊汛,所以你可以自由的選擇想要刪除的內(nèi)容。
項目地址:【傳送門】
-
Store.js
--
Store.js 是用于本地存儲的跨瀏覽器解決方案阱冶。近期刁憋,它的 2.0 版本也已發(fā)布,在更新了許多功能的同時木蹬,增加了一些額外的功能至耻,例如數(shù)組/對象操作以及改進(jìn)了過期選項。
在上一期的每月 Web 開發(fā)資源列表中届囚,我們?yōu)榇蠹曳窒砹艘粋€名為 localForage 的庫有梆。它提供了許多與 Store.js 類似的功能,但是具有更多的 localStorage 類語法意系。喜歡的話泥耀,不妨來看看。
項目地址:【傳送門】
-
Snarkdown
--
Snarkdown 是一個使用 JavaScript 編寫的超簡單的 Markdown 解析器蛔添。誠然痰催,它不是最復(fù)雜或功能最全的解析器,但它可能是最容易實現(xiàn)的迎瞧。
Snarkdown 只有 1kb 大小夸溶,且只有一種方法,使其成為速成項目的完美選擇凶硅。
項目地址:【傳送門】
-
Unfetch
--
Fetch API 是 XMLHttpRequest 接口的現(xiàn)代重制缝裁,它為開發(fā)人員提供了一種更好的處理異步請求的方法。雖然足绅,它支持大多數(shù)現(xiàn)代瀏覽器捷绑,但是fetch()
方法在 IE 中仍然不可用。
Unfetch 的出現(xiàn)便解決了fetch()
方法在 IE 中不可用的問題氢妈,它提供了完整 fetch API 的子集粹污,且 fetch polyfill 僅有 500 bytes。
項目地址:【傳送門】
-
Scrollanim
--
Scrollanim 是用于滾動動畫的 Vanilla JavaScript 庫首量。由于內(nèi)置的 Animate.css 依賴關(guān)系壮吩,Scrollanim 提供了大量的自定義選項进苍,單獨的 HTML 和 JavaScript API 以及超過 50 種流暢的動畫效果。
項目地址:【傳送門】
-
Neurojs
--
Neurojs 是一款用于在瀏覽器中進(jìn)行深度學(xué)習(xí) JavaScript 框架鸭叙,它具備可以通過加強學(xué)習(xí)訓(xùn)練的全棧神經(jīng)網(wǎng)絡(luò)觉啊。
例如,該項目就展示了一個很酷的 Demo递雀,其中自動駕駛汽車在 2D 環(huán)境中學(xué)習(xí)導(dǎo)航柄延。
項目地址:【傳送門】
感謝你的閱讀。
注:
- 本文版權(quán)歸原作者所有缀程,僅用于學(xué)習(xí)與交流搜吧。
- 如需轉(zhuǎn)載譯文,煩請按下方注明出處信息杨凑,謝謝滤奈!
英文原文:15 Interesting JavaScript and CSS Libraries for March 2017
作者:Danny Markov
譯者:IT程序獅
譯文地址:http://www.reibang.com/p/879be1dcbec6