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

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

我們創(chuàng)辦 Tutorialzine 的使命是讓你及時的了解 Web 開發(fā)中最新祝旷、最酷的趨勢唤锉。所以,每個月我們都會發(fā)布一些精心挑選的優(yōu)秀 Web 開發(fā)資源该抒,同時我們也相信,它們值得你的關(guān)注顶燕。


  1. Propeller
    --
Propeller

Propeller 是基于 Bootstrap 與谷歌的 Material Design 的 CSS 組件框架凑保。它包含了 25 個響應(yīng)式組件,同時具備典型的 Material Design 動畫涌攻。你可以將它作為 Bootstrap 的主題欧引,或者完整的框架以及獨立組件進(jìn)行使用。

項目地址:【傳送門

  1. BaguetteBox
    --
BaguetteBox

BaguetteBox 是一個利用純 JavaScript 編寫的庫恳谎,它可用于創(chuàng)建響應(yīng)式燈箱畫廊效果芝此。它是輕量級的,可自定義設(shè)置因痛,并支持移動端婚苹,同時它還自帶了相應(yīng)的 CSS3 過渡。

我們最近利用這個庫制作了 4 個免費的 Bootstrap Gallery 模板包鸵膏,我想我們已經(jīng)喜歡上它了膊升。

項目地址:【傳送門

  1. Whitestorm
    --
Whitestorm

Whitestorm 是基于 Three.js 引擎用來開發(fā) 3D Web APPS 和游戲的框架蔑舞。它為許多常見的 Three.js 任務(wù)提供了簡單的封裝亚亲,使搭建環(huán)境、創(chuàng)建對象乙濒、添加物件等操作更加的簡單债查。官方也提供了示例項目非区,以及與 React 集成的工具,便于你迅速的開始工作攀操。

項目地址:【傳送門

  1. Animatelo
    --
Animatelo

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

項目地址:【傳送門

  1. FuseBox
    --
FuseBox

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

為了讓你快速開始,官方提供了 Angular 2 + TypeScript瑞筐,React + Babel凄鼻,Vue.jsElectron 和其他版本的快速示例教程聚假。

項目地址:【傳送門

  1. Yargs
    --
Yargs

Yargs 是使用 Node.js 構(gòu)建功能齊全的命令行應(yīng)用程序的框架块蚌。你可以輕松的配置命令、解析多個參數(shù)以及設(shè)置快捷操作方式膘格。甚至峭范,它還可以自動生成幫助菜單。

項目地址:【傳送門

  1. WebGradients
    --
WebGradients

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

項目地址:【傳送門

  1. Sticky-Kit
    --
Sticky-Kit

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

項目地址:【傳送門

  1. ScrollDir
    --
ScrollDir

ScrollDir 是一款超輕量的期犬,不依賴 JavaScript 的庫河哑,用于監(jiān)測 CSS 中的滾動方向。它可以察看滾動條的移動方向龟虎,并根據(jù)你選擇的元素來切換上/下方向的數(shù)據(jù)屬性璃谨。同時,它忽略了小的滾動動作,力求創(chuàng)造一個平穩(wěn)的體驗佳吞。

項目地址:【傳送門

  1. Svgo
    --
Svgo

這是一個用于優(yōu)化 SVG 文件的 Node.js 工具拱雏,它可以刪除那些無用的 SVG 信息,例如編輯器元信息底扳、注釋铸抑、隱藏元素以及不影響渲染向量的其他屬性。同時衷模,它基于插件模式構(gòu)建鹊汛,所以你可以自由的選擇想要刪除的內(nèi)容。

項目地址:【傳送門

  1. Store.js
    --
Store.js

Store.js 是用于本地存儲的跨瀏覽器解決方案阱冶。近期刁憋,它的 2.0 版本也已發(fā)布,在更新了許多功能的同時木蹬,增加了一些額外的功能至耻,例如數(shù)組/對象操作以及改進(jìn)了過期選項。

在上一期的每月 Web 開發(fā)資源列表中届囚,我們?yōu)榇蠹曳窒砹艘粋€名為 localForage 的庫有梆。它提供了許多與 Store.js 類似的功能,但是具有更多的 localStorage 類語法意系。喜歡的話泥耀,不妨來看看。

項目地址:【傳送門

  1. Snarkdown
    --
Snarkdown

Snarkdown 是一個使用 JavaScript 編寫的超簡單的 Markdown 解析器蛔添。誠然痰催,它不是最復(fù)雜或功能最全的解析器,但它可能是最容易實現(xiàn)的迎瞧。

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

項目地址:【傳送門

  1. Unfetch
    --
Unfetch

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

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

項目地址:【傳送門

  1. Scrollanim
    --
Scrollanim

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

項目地址:【傳送門

  1. Neurojs
    --
Neurojs

Neurojs 是一款用于在瀏覽器中進(jìn)行深度學(xué)習(xí) JavaScript 框架鸭叙,它具備可以通過加強學(xué)習(xí)訓(xùn)練的全棧神經(jīng)網(wǎng)絡(luò)觉啊。

例如,該項目就展示了一個很酷的 Demo递雀,其中自動駕駛汽車在 2D 環(huán)境中學(xué)習(xí)導(dǎo)航柄延。

項目地址:【傳送門


感謝你的閱讀。

注:

  1. 本文版權(quán)歸原作者所有缀程,僅用于學(xué)習(xí)與交流搜吧。
  2. 如需轉(zhuǎn)載譯文,煩請按下方注明出處信息杨凑,謝謝滤奈!

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市撩满,隨后出現(xiàn)的幾起案子蜒程,更是在濱河造成了極大的恐慌,老刑警劉巖伺帘,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件昭躺,死亡現(xiàn)場離奇詭異,居然都是意外死亡伪嫁,警方通過查閱死者的電腦和手機领炫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來张咳,“玉大人帝洪,你說我怎么就攤上這事〗呕” “怎么了葱峡?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長龙助。 經(jīng)常有香客問我砰奕,道長,這世上最難降的妖魔是什么提鸟? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任脆淹,我火速辦了婚禮,結(jié)果婚禮上沽一,老公的妹妹穿的比我還像新娘。我一直安慰自己漓糙,他們只是感情好铣缠,可當(dāng)我...
    茶點故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般蝗蛙。 火紅的嫁衣襯著肌膚如雪蝇庭。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天捡硅,我揣著相機與錄音哮内,去河邊找鬼。 笑死壮韭,一個胖子當(dāng)著我的面吹牛北发,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播喷屋,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼琳拨,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了屯曹?” 一聲冷哼從身側(cè)響起狱庇,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎恶耽,沒想到半個月后密任,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡偷俭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年浪讳,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片社搅。...
    茶點故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡驻债,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出形葬,到底是詐尸還是另有隱情合呐,我是刑警寧澤,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布笙以,位于F島的核電站淌实,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏猖腕。R本人自食惡果不足惜拆祈,卻給世界環(huán)境...
    茶點故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望倘感。 院中可真熱鬧放坏,春花似錦、人聲如沸老玛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至麸粮,卻和暖如春溉苛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背弄诲。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工愚战, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人齐遵。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓寂玲,卻偏偏與公主長得像,于是被迫代替她去往敵國和親洛搀。 傳聞我的和親對象是個殘疾皇子敢茁,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,507評論 2 359

推薦閱讀更多精彩內(nèi)容