2017 年 3 月:15 個有趣的 JS 和 CSS 庫

2017 年 3 月:15 個有趣的 JS 和 CSS 庫

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


  1. Propeller
    --
Propeller

Propeller 是基于 Bootstrap 與谷歌的 Material Design 的 CSS 組件框架。它包含了 25 個響應式組件,同時具備典型的 Material Design 動畫。你可以將它作為 Bootstrap 的主題,或者完整的框架以及獨立組件進行使用。

項目地址:【傳送門

  1. BaguetteBox
    --
BaguetteBox

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

我們最近利用這個庫制作了 4 個免費的 Bootstrap Gallery 模板包,我想我們已經喜歡上它了。

項目地址:【傳送門

  1. Whitestorm
    --
Whitestorm

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

項目地址:【傳送門

  1. Animatelo
    --
Animatelo

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

項目地址:【傳送門

  1. FuseBox
    --
FuseBox

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

為了讓你快速開始,官方提供了 Angular 2 + TypeScriptReact + Babel,Vue.jsElectron 和其他版本的快速示例教程。

項目地址:【傳送門

  1. Yargs
    --
Yargs

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

項目地址:【傳送門

  1. WebGradients
    --
WebGradients

WebGradients 收集了一系列漂亮的色彩漸變,你可以將它們輕松的應用在任何 HTML 頁面上。你可以通過快速預覽,或是全屏查看可用的漸變色,然后僅需要一鍵復制 CSS 屬性,即可將它們應用到你的項目中去。

項目地址:【傳送門

  1. Sticky-Kit
    --
Sticky-Kit

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

項目地址:【傳送門

  1. ScrollDir
    --
ScrollDir

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

項目地址:【傳送門

  1. Svgo
    --
Svgo

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

項目地址:【傳送門

  1. Store.js
    --
Store.js

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

在上一期的每月 Web 開發資源列表中,我們為大家分享了一個名為 localForage 的庫。它提供了許多與 Store.js 類似的功能,但是具有更多的 localStorage 類語法。喜歡的話,不妨來看看。

項目地址:【傳送門

  1. Snarkdown
    --
Snarkdown

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

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

項目地址:【傳送門

  1. Unfetch
    --
Unfetch

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

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

項目地址:【傳送門

  1. Scrollanim
    --
Scrollanim

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

項目地址:【傳送門

  1. Neurojs
    --
Neurojs

Neurojs 是一款用于在瀏覽器中進行深度學習 JavaScript 框架,它具備可以通過加強學習訓練的全棧神經網絡。

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

項目地址:【傳送門


感謝你的閱讀。

注:

  1. 本文版權歸原作者所有,僅用于學習與交流。
  2. 如需轉載譯文,煩請按下方注明出處信息,謝謝!

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,936評論 6 535
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,744評論 3 421
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,879評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,181評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,935評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,325評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,384評論 3 443
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,534評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,084評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,892評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,067評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,623評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,322評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,735評論 0 27
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,990評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,800評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,084評論 2 375

推薦閱讀更多精彩內容