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

炎熱的 7 月已經過去访锻,秋天的腳步更近了话侄。在本月,Tutorialzine 依舊為大家?guī)砹艘恍┯腥ち泊伞嵱玫那岸藥烊蓿纯从心男┻m合你的項目呢?


1.Titanic

這是一組自帶懸停動畫的精致 SVG 圖標呐籽。但與大多數 Web 圖標不同之處在于 - 它的動畫是基于 JS 的锋勺,需要你使用 bodymovin 庫將動畫效果導出為 SVG 格式。

項目地址:【傳送門

2.Rebass

Rebass 是一個用于構建響應式 Web APP 的 React UI Kit狡蝶。它由超過 60 種樣式組件構成庶橱,可通過樣式體系中的屬性進行自由定制。這樣可以保證樣式的隔離贪惹,便可減少在應用程序中編寫自定義 CSS 的需求苏章。

項目地址:【傳送門

3.Bootstrap 4 (Beta)

Bootstrap 4 的官方 Beta 版已經正式發(fā)布了!新版本的框架也發(fā)生了許多重大的改變奏瞬,包括支持了基于 Flexbox 的網格體系枫绅,新增并重寫了相關組件,更快的 ES6 JavaScript 插件丝格,改進了文檔等等撑瞧。

項目地址:【傳送門

4.Hover Buttons

這是一組帶有懸停動畫效果的 HTML 按鈕,這些按鈕不僅擁有不同的形狀與大小显蝌,而且具備了豐富的動畫效果供你選擇预伺。Hover Buttons 是由 SCSS 制作的,所以你可以輕松的刪除不想要的按鈕曼尊,或根據個人喜好自由的定制其樣式酬诀。

項目地址:【傳送門

5.React Simple Maps

React Simple Maps 是一個用于創(chuàng)建 SVG 地圖的組件庫,它具備添加地圖細節(jié)的各類組件骆撇,它們可為地圖的各個區(qū)域添加文字注釋瞒御、標記以及自定義顏色。

項目地址:【傳送門

6.Gpu.js

Gpu.js 是一個用于在瀏覽器中運行 GPGPU 的 JS 庫神郊,它將 JavaScript 編譯成能夠通過 WebGL API 在 GPU 上運行的著色語言肴裙,以便更快地執(zhí)行復雜的計算趾唱。如果 WebGL 不可用,則這些函數仍將以常規(guī)的 JavaScript 運行蜻懦。

項目地址:【傳送門

7.Pell

Pell 是一款超輕量的 WYSIWYG 文本編輯器甜癞。它由僅 200 行的 ES6 代碼所構成,只有 1kB 的大小宛乃,并且沒有任何的依賴關系悠咱。同時,它還支持 Markdown 文本格式所需的所有操作征炼,包括插入圖像和鏈接析既。

項目地址:【傳送門

8.Chromeless

Chromeless 是一個基于 Chrome 平臺 Headless 模式的 Web 自動化框架。它的 API 和功能與其他流行工具(如 PhantomJS NightmareJS)非常相似谆奥,主要區(qū)別是它在 Chrome 的 Headless 模式下可以運行所有的測試眼坏。同時,它還可以在本地或借助 AWS Lambda 工作雄右。

項目地址:【傳送門

9.Fitty

Fitty 是一個 Vanilla JavaScript 庫空骚,它可以更改文本的字體大小纺讲,使其適應固定寬度的容器擂仍。它適用于所有標準的 Web 字體,并且可以“向上”或“向下”縮放其大小熬甚,以便讓它們更好的占據可用空間逢渔,而無須換行。

項目地址:【傳送門

10.Notif.me

這是一個用于發(fā)送通知的 Node.js 庫,旨在成為一個處理電子郵件、短信和推送通知的一體化解決方案灵迫。另外恬叹,每個服務都有多個提供商可供你選擇。

項目地址:【傳送門

11.Shoelace

Shoelace 是一個炒雞輕量的 CSS 入門套件碟渺,旨在為 Bootstrap 提供一個更簡單的替代方案。它由 CSS reset 與一些實用的 UI 組件構成,沒有過多的樣式和功能哀蘑。由于這個庫的代碼是基于 CSS 變量的,所以也易于定制葵第。

項目地址:【傳送門

12.TensorFire

TensorFire 是一個能夠在瀏覽器中運行神經網絡的框架绘迁。由于 TensorFire 可通過 WebGL 進行 GPU 加速,所以運行較大的機器學習模型也不是事兒卒密。雖然缀台,該項目還處于早期階段,但也有了一些十分有前景的演示哮奇。例如剪刀包袱錘手勢檢測 Demo

項目地址:【傳送門

13.Vali

這是利用 Bootstrap膛腐、PugJS睛约、Sass 構建的后臺信息管理模板。由于該項目是基于易于定制的理念而設計哲身,所以痰腮,所有的樣式都是由獨立的 SASS 模塊進行組織。同時律罢,該模版還提供了豐富的組件與小部件膀值,你可以在 Demo 中查看它們。

項目地址:【傳送門

14.BotUI

BotUI 是用于建立聊天機器人會話界面的 JavaScript 框架误辑。它有一個超簡單的 API沧踏,你可以通過添加消息、問題巾钉,甚至形成供用戶填寫的輸入字段來配置對話流翘狱。

如果你想了解有關交互式會話 UI 的更多信息,請參閱我們的文章《聊天機器人之開發(fā)者簡介》砰苍。

項目地址:【傳送門

15.Nano ID

這是一個用于生成唯一 ID 的小型 JavaScript 庫潦匈。它僅使用對 URL 友好的符號來生成字符串,但它也有一個讓你提供相應字母表的選項赚导。在 GitHub 的項目頁上茬缩,你可以找到關于此庫的工作方式,以及使用算法的一些有趣信息吼旧。

項目地址:【傳送門


感謝你的閱讀凰锡。若你有所收獲,歡迎點贊與分享圈暗。

注:

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

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


更多文章:

  1. 2017 年 6 月:15 個有趣的 JS 和 CSS 庫
  2. 2017 年 5 月:15 個有趣的 JS 和 CSS 庫
  3. 2017 年 4 月:15 個有趣的 JS 和 CSS 庫
  4. 2017 年 3 月:15 個有趣的 JS 和 CSS 庫
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末寸齐,一起剝皮案震驚了整個濱河市欲诺,隨后出現的幾起案子,更是在濱河造成了極大的恐慌访忿,老刑警劉巖瞧栗,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異海铆,居然都是意外死亡迹恐,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門卧斟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來殴边,“玉大人憎茂,你說我怎么就攤上這事〈赴叮” “怎么了竖幔?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長是偷。 經常有香客問我拳氢,道長,這世上最難降的妖魔是什么蛋铆? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任馋评,我火速辦了婚禮,結果婚禮上刺啦,老公的妹妹穿的比我還像新娘留特。我一直安慰自己,他們只是感情好玛瘸,可當我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布蜕青。 她就那樣靜靜地躺著,像睡著了一般糊渊。 火紅的嫁衣襯著肌膚如雪右核。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天再来,我揣著相機與錄音蒙兰,去河邊找鬼磷瘤。 笑死芒篷,一個胖子當著我的面吹牛,可吹牛的內容都是我干的采缚。 我是一名探鬼主播针炉,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼扳抽!你這毒婦竟也來了篡帕?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤贸呢,失蹤者是張志新(化名)和其女友劉穎镰烧,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體楞陷,經...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡怔鳖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了固蛾。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片结执。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡度陆,死狀恐怖,靈堂內的尸體忽然破棺而出献幔,到底是詐尸還是另有隱情懂傀,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布蜡感,位于F島的核電站蹬蚁,受9級特大地震影響,放射性物質發(fā)生泄漏郑兴。R本人自食惡果不足惜缚忧,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望杈笔。 院中可真熱鬧闪水,春花似錦、人聲如沸蒙具。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽禁筏。三九已至持钉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間篱昔,已是汗流浹背每强。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留州刽,地道東北人空执。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像穗椅,于是被迫代替她去往敵國和親辨绊。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,976評論 2 355

推薦閱讀更多精彩內容