2017 年 6 月:15 個(gè)有趣的 JS 和 CSS 庫(kù)

炎熱的六月,也阻擋不住我們分享的腳步。在本月,Tutorialzine 又為大家?guī)Я四男┬迈r貨呢?開發(fā)者們,一起來(lái)瞧瞧吧!


  1. Moon
    --

Moon 是一個(gè)靈感源于 Vue.js 的 JavaScript UI 庫(kù),但它卻更輕量、簡(jiǎn)單。它具備優(yōu)化的虛擬 DOM 引擎,對(duì)用戶友好的 API,并且在 gzip 壓縮后僅有 6KB 的大小。

項(xiàng)目地址:【傳送門

  1. VX
    --

VX 結(jié)合了 D3 和 React 虛擬 DOM 的強(qiáng)大計(jì)算能力,它為數(shù)據(jù)的可視化提供了一系列優(yōu)秀的可重用組件集合。同時(shí),組件也是獨(dú)立的,你只需根據(jù)自身需求使用即可。

項(xiàng)目地址:【傳送門

  1. SmartPhoto
    --

SmartPhoto.js 是一個(gè)專為移動(dòng)設(shè)備打造的響應(yīng)式圖像查看器,它易于使用,并支持手勢(shì)觸摸操作,例如捏合或者滑動(dòng)。同時(shí),它還具備對(duì)初學(xué)者友好的大量實(shí)用的事件處理器,以及用戶自定義選項(xiàng)。

項(xiàng)目地址:【傳送門

  1. Feathers
    --

Feathers 是一個(gè)用于創(chuàng)建安全的 RESTful API 的 Node.js 框架。由于支持內(nèi)置 Socket,它既可當(dāng)作傳統(tǒng)的 Express router,又可用作實(shí)時(shí)信息的發(fā)送器。其他的功能還包括快速引導(dǎo)新項(xiàng)目的 CLI、易于與流行的 JS 框架集成,以及擁有豐富的插件生態(tài)。

項(xiàng)目地址:【傳送門

  1. Embedo
    --

Embedo 是一個(gè)簡(jiǎn)單、輕量的社交媒體內(nèi)容嵌入式 Web 插件。它在第三方嵌入的 API 上增添了一個(gè) layer,同時(shí)確保了每個(gè)組件的最佳實(shí)踐以及原生指南。它用于處理外部的 SDK、oEmbeds、并增加了響應(yīng)性,便于與 Facebook、Twitter、Instagram 和其他服務(wù)更快捷的集成。

項(xiàng)目地址:【傳送門

  1. Microtip
    --

Microtip 是一個(gè)輕量、平滑流暢且易用的純 CSS 工具提示庫(kù)。它內(nèi)置了一些用于控制其方向、大小和動(dòng)畫的選項(xiàng),而更多的定制則通過 SASS 完成。

項(xiàng)目地址:【傳送門

  1. Prettier
    --

Prettier 是一個(gè)受 refmt 啟發(fā)的 JavaScript 格式化程序,它針對(duì) ES2017,JSX 和 Flow 的語(yǔ)言功能進(jìn)行了更深入的支持。它將刪除所有的原始格式,并確保所有輸出的 JavaScript 保持一致的樣式。

項(xiàng)目地址:【傳送門

  1. UPNG.js
    --

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

項(xiàng)目地址:【傳送門

  1. Tinytime
    --

Tinytime 是一個(gè)超小型 JavaScript 庫(kù),用于格式化日期與時(shí)間。它僅提供了一個(gè)單獨(dú)的render()方法,用于接收 Date 對(duì)象并返回一個(gè)帶有渲染數(shù)據(jù)的字符串。

同時(shí),你還能夠定義可重用的模版,有助于提高性能并清理冗余代碼。

項(xiàng)目地址:【傳送門

  1. StrMan
    --

StrMan 是一個(gè) JavaScript 字符串操作庫(kù),它為各種實(shí)用程序、格式選項(xiàng)和字符串轉(zhuǎn)換,提供了超過 60 種實(shí)用的方法。

項(xiàng)目地址:【傳送門

  1. IotaCSS
    --

IotaCSS 是一個(gè)基于 SASS 的面向?qū)ο蟮?CSS 框架。它由獨(dú)立的模塊組成,并且每個(gè)模塊都包含了框架的可選部分,如組件、設(shè)置和實(shí)用程序。

項(xiàng)目地址:【傳送門

  1. PKG
    --

這是一個(gè) CLI 應(yīng)用程序,能夠?qū)⒛愕?Node.js 項(xiàng)目打包為可執(zhí)行文件,并可以在尚未安裝 Node 的計(jì)算機(jī)上運(yùn)行它們。同時(shí),它也是跨平臺(tái)的,支持 Linux、Windows、macOS 和 freeBSD。

項(xiàng)目地址:【傳送門

  1. Sakura
    --

Sakura 是一個(gè)獨(dú)特的極簡(jiǎn) CSS 框架,無(wú)需為 HTML 添加任何類。你只需要將 sakura.css 放到任意頁(yè)面,它就會(huì)繼承默認(rèn)的排版和元素樣式。由于沒有類,Sakura 能夠快速的生成漂亮頁(yè)面,并且非常容易定制。

項(xiàng)目地址:【傳送門

  1. Birdview.js
    --

這是一個(gè)很酷的 JS 插件,方便你縮小頁(yè)面,并在一個(gè)視圖中查看整個(gè)文檔。同時(shí),你可以點(diǎn)擊任意位置放大,并直接滾動(dòng)到你點(diǎn)擊的位置。

項(xiàng)目地址:【傳送門

  1. Timeline.js
    --

Timeline.js 是一個(gè)用于創(chuàng)建交互式時(shí)間軸的 jQuery 插件,能夠讓你在漂亮的動(dòng)畫部件中,按時(shí)間順序展現(xiàn)出圖像與故事。同時(shí),它具備豐富的自定義選項(xiàng)。

項(xiàng)目地址:【傳送門


感謝你的閱讀。若你有所收獲,歡迎點(diǎn)贊與分享。

注:

  1. 本文版權(quán)歸原作者所有,僅用于學(xué)習(xí)與交流;
  2. 如需轉(zhuǎn)載譯文,煩請(qǐng)按下方注明出處信息,謝謝!

英文原文:15 Interesting JavaScript and CSS Libraries for June 2017
作者:Danny Markov
譯者:IT程序獅
譯文地址:http://m.itdecent.cn/p/cd280b7afe56

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容