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

發表於2017-06-20
2017 年 6 月:15 個有趣的 JS 和 CSS 庫

炎熱的六月,也阻擋不住我們分享的腳步。在本月,Tutorialzine 又為大家帶了哪些新鮮貨呢?開發者們,一起來瞧瞧吧!

1. Moon

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

Moon 是一個靈感源於 Vue.js 的 JavaScript UI 庫,但它卻更輕量、簡單。它具備優化的虛擬 DOM 引擎,對使用者友好的 API,並且在 gzip 壓縮後僅有 6KB 的大小。

專案地址:【傳送門

2. VX

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

VX 結合了 D3 和 React 虛擬 DOM 的強大計算能力,它為資料的視覺化提供了一系列優秀的可重用元件集合。同時,元件也是獨立的,你只需根據自身需求使用即可。

專案地址:【傳送門

3. SmartPhoto

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

SmartPhoto.js 是一個專為移動裝置打造的響應式影像檢視器,它易於使用,並支援手勢觸控操作,例如捏合或者滑動。同時,它還具備對初學者友好的大量實用的事件處理器,以及使用者自定義選項。

專案地址:【傳送門

4. Feathers

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

Feathers 是一個用於建立安全的 RESTful API 的 Node.js 框架。由於支援內建 Socket,它既可當作傳統的 Express router,又可用作實時資訊的傳送器。其他的功能還包括快速引導新專案的 CLI、易於與流行的 JS 框架整合,以及擁有豐富的外掛生態。

專案地址:【傳送門

5. Embedo

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

Embedo 是一個簡單、輕量的社交媒體內容嵌入式 Web 外掛。它在第三方嵌入的 API 上增添了一個 layer,同時確保了每個元件的最佳實踐以及原生指南。它用於處理外部的 SDK、oEmbeds、並增加了響應性,便於與 Facebook、Twitter、Instagram 和其他服務更快捷的整合。

專案地址:【傳送門

6. Microtip

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

Microtip 是一個輕量、平滑流暢且易用的純 CSS 工具提示庫。它內建了一些用於控制其方向、大小和動畫的選項,而更多的定製則通過 SASS 完成。

專案地址:【傳送門

7. Prettier

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

Prettier 是一個受 refmt 啟發的 JavaScript 格式化程式,它針對 ES2017,JSX 和 Flow 的語言功能進行了更深入的支援。它將刪除所有的原始格式,並確保所有輸出的 JavaScript 保持一致的樣式。

專案地址:【傳送門

8. UPNG.js

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

UPNG.js 是一個快速、高階的 PNG 編碼與解碼器。它內建了壓縮功能,在不損失影像質量的前提下,可以有效的減少影像檔案的大小。

專案地址:【傳送門

9. Tinytime

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

Tinytime 是一個超小型 JavaScript 庫,用於格式化日期與時間。它僅提供了一個單獨的render()方法,用於接收 Date 物件並返回一個帶有渲染資料的字串。

同時,你還能夠定義可重用的模版,有助於提高效能並清理冗餘程式碼。

專案地址:【傳送門

10. StrMan

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

StrMan 是一個 JavaScript 字串操作庫,它為各種實用程式、格式選項和字串轉換,提供了超過 60 種實用的方法。

專案地址:【傳送門

11. IotaCSS

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

IotaCSS 是一個基於 SASS 的物件導向的 CSS 框架。它由獨立的模組組成,並且每個模組都包含了框架的可選部分,如元件、設定和實用程式。

專案地址:【傳送門

12. PKG

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

這是一個 CLI 應用程式,能夠將你的 Node.js 專案打包為可執行檔案,並可以在尚未安裝 Node 的計算機上執行它們。同時,它也是跨平臺的,支援 Linux、Windows、macOS 和 freeBSD。

專案地址:【傳送門

13. Sakura

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

Sakura 是一個獨特的極簡 CSS 框架,無需為 HTML 新增任何類。你只需要將 sakura.css 放到任意頁面,它就會繼承預設的排版和元素樣式。由於沒有類,Sakura 能夠快速的生成漂亮頁面,並且非常容易定製。

專案地址:【傳送門

14. Birdview.js

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

這是一個很酷的 JS 外掛,方便你縮小頁面,並在一個檢視中檢視整個文件。同時,你可以點選任意位置放大,並直接滾動到你點選的位置。

專案地址:【傳送門

15. Timeline.js

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

Timeline.js 是一個用於建立互動式時間軸的 jQuery 外掛,能夠讓你在漂亮的動畫部件中,按時間順序展現出影像與故事。同時,它具備豐富的自定義選項。

專案地址:【傳送門


感謝你的閱讀。若你有所收穫,歡迎點贊與分享。

相關文章