1. 程式人生 > >2018 年 2 月 15 個有意思的 JavaScript 和 CSS 庫

2018 年 2 月 15 個有意思的 JavaScript 和 CSS 庫

來源:開源中國 翻譯頻道

連結:oschina.net/translate/15-interesting-javascript-and-css-libraries-for-february-2018(點選尾部閱讀原文前往)

英文原文:https://tutorialzine.com/2018/02/15-interesting-javascript-and-css-libraries-for-february-2018


我們在Tutorialzine上的任務就是讓你瞭解最新最酷的Web發展趨勢。這就是為什麼我們每個月都會發布一些我們偶然發現並認為值得你關注的最佳資源的緣由。

Direction Reveal (方向展示)

640?wx_fmt=png&wxfrom=5&wx_lazy=1

該外掛檢測游標進入或離開塊時的方向,允許你使用各種酷炫特效和過渡。它提供了一些開箱即用的CSS動畫,讓你可以輕鬆建立自己的CSS動畫。

Carbon

640?wx_fmt=png

Carbon允許你建立並分享程式碼組成的美麗影象。你所需要做的就是將你的程式碼貼上到編輯器中,或直接自己編寫程式碼。你可以通過更改字型樣式、編輯器主題、語法高亮和甚至視窗按鈕來自定義影象的外觀。

Аxios

640?wx_fmt=png

Axios為處理HTTP請求提供了一個現代化的JavaScript解決方案。它有一個基於Promise的API,在處理async呼叫時使你的程式碼更加結構化。該庫可以在瀏覽器中工作,也可以在node.js環境中工作。

Jarvis

640?wx_fmt=png

一款基於Webpack儀表板的智慧瀏覽器,它可以給你顯示你在webpack構建所需的所有重要資訊。它向你展示了你的資源在12種不同的連線型別中的表現如何,你專案中所有包的大小,並擁有一個漂亮的錯誤輸出。它仍處於beta版本,預計會增加許多新功能。

Toast UI編輯器

640?wx_fmt=png

這是一個markdown和WYSIWYG編輯器,允許你在編碼時輕鬆地在markdown和所見即所得模式之間切換。它提供了渲染後HTML的實時預覽,即時語法錯誤檢查以及markdown和預覽模式之間的同步滾動。該編輯器還支援強大的擴充套件,如顏色選擇器、圖表程式碼塊、UML程式碼塊等。

Micron.js

640?wx_fmt=png

Micron是一個允許你為DOM元素新增不同的CSS增強動畫的庫。其中互動可以通過HTML資料屬性或通過連結JavaScript方法來設定速度、消除和其他選項來控制。它支援不同的互動,如搖晃、褪色、反彈、搖擺(shake, fade, bounce, swing)等等。

lit

640?wx_fmt=png

Lit是一個非常小和響應式CSS框架。它包含12列響應式網格、不同的排印風格、自定義輸入、三種按鈕型別以及CSS框架應該提供的所有功能。Lit適用於所有現代瀏覽器,以及IE11等一些較舊的瀏覽器

Minimal Mistakes

640?wx_fmt=png

Minimal Mistakes是一個靈活的雙列Jekyll主題,可用於個人網站、部落格及其若干組合。它是完全可定製的,100%響應式的和針對搜尋引擎優化的。它具有九種不同的顏色變化,幾種響應式佈局以及大量內建和可隨時使用的元件。

Tachyons

640?wx_fmt=png

使用Tachyons,你可以製作漂亮且響應速度快的介面,並且幾乎不需要CSS。它很容易使用和定製,移動優先,並能很好地與React、Ember、Angular和其他框架配合使用。更重要的是,它非常輕量級,並且具有非常詳細的文件,你可以在其中找到所需的一切。

Wiki.js

640?wx_fmt=png

Wiki.js 是一個強大的Wiki App,基於Node.js、Git和Markdown開發。你可以使用內建編輯器用Markdown格式來寫作,並且可以自動同步到你的Git倉庫。Wiki.js 有完整的訪問控制和配置管理,但只佔用很少的CPU資源。

Phaser

640?wx_fmt=png

Phaser是一個快速的開源框架,可以開發為執行在桌面瀏覽器或手機瀏覽器的HTML5遊戲。你也可以為iOS、Android和其他不同的本地應用程式建立遊戲。Phaser有對開發人員非常友好的API,並且Phaser的團隊也積極開發和維護。最近,在Phaser 3.0版本中釋出了很多新的特性和功能。

SweetAlert 2

640?wx_fmt=png

SweetAlert2 是一個可以建立漂亮和可響應彈出框的庫。SweetAlert2是高度可定製的,100%響應式並且在所有螢幕尺寸上都能有很好的顯示效果。使用SweetAlert2 你可以建立各種不同的擁有驚豔的風格、顯示效果和動畫的彈出框。

Rekit

640?wx_fmt=png

Rekit是一款可幫助你使用React、Redux和React-router創建出色的響應式Web應用程式的工具包。該框架提供了兩個用於處理框架的強大工具 — 一個名為Rekit Studio的全功能IDE,以及一個用於在終端上工作的擴充套件命令列介面。

Nerd字型

640?wx_fmt=png

這是一個流行字型和圖示的集合。它包含39個補充字體系列,以及來自諸如Font Awesome、Devicons、Octicons等流行圖示集的1300多個圖形和圖示。所有字型在Linux、macOS和Windows上相容。

Kutt.it

640?wx_fmt=png

Kutt是一個免費的可以用來縮短你的URL、管理連結和設定自定義域的開源庫。它有一個易於使用的API,並允許你建立和刪除URL,以及使用詳細統計資訊跟蹤它們。


640?wx_fmt=png