15 個有趣的 JS 和 CSS 庫

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

1. Moon

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

2. VX

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

3. SmartPhoto

SmartPhoto.js 是一個專為移動設備打造的響應式圖像查看器，它易於使用，並支持手勢觸摸操作，例如捏合或者滑動。同時，它還具備對初學者友好的大量實用的事件處理器，以及用戶自定義選項。

這篇文章分享之前我還是要推薦下我自己的前端群：657-137-906，不管你是小白還是大牛，小編我都挺歡迎，不定期分享乾貨，包括我自己整理的一份2017最新的前端資料和零基礎入門教程，歡迎初學和進階中的小夥伴。。

4. Feathers

Feathers 是一個用於創建安全的 RESTful API 的 Node.js 框架。由於支持內置 Socket，它既可當作傳統的 Express router，又可用作實時信息的發送器。其他的功能還包括快速引導新項目的 CLI、易於與流行的 JS 框架集成，以及擁有豐富的插件生態。

5. Embedo

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

6. Microtip

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

7. Prettier

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

8. UPNG.js

UPNG.js 是一個快速、高級的 PNG 編碼與解碼器。它內置了壓縮功能，在不損失圖像質量的前提下，可以有效的減少圖像文件的大小。

9. Tinytime

Tinytime 是一個超小型 JavaScript 庫，用于格式化日期與時間。它僅提供了一個單獨的render方法，用於接收 Date 對象並返回一個帶有渲染數據的字元串。

同時，你還能夠定義可重用的模版，有助於提高性能並清理冗餘代碼。

10. StrMan

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

11. IotaCSS

IotaCSS 是一個基於 SASS 的面向對象的 CSS 框架。它由獨立的模塊組成，並且每個模塊都包含了框架的可選部分，如組件、設置和實用程序。

12. PKG

這是一個 CLI 應用程序，能夠將你的 Node.js 項目打包為可執行文件，並可以在尚未安裝 Node 的計算機上運行它們。同時，它也是跨平台的，支持 Linux、Windows、macOS 和 freeBSD。

13. Sakura

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

14. Birdview.js

這是一個很酷的 JS 插件，方便你縮小頁面，並在一個視圖中查看整個文檔。同時，你可以點擊任意位置放大，並直接滾動到你點擊的位置。

15. Timeline.js

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