時(shí)光如白駒過(guò)隙， Tutorialzine 為我們帶來(lái)了 2017 年 4 月份一些精心挑選的優(yōu)秀 Web 開(kāi)發(fā)資源单料。前端開(kāi)發(fā)者們艇拍，讓我們一起先睹為快吧眠蚂！
-
Core UI
--
Core UI 是一個(gè)基于 Bootstrap 4 的管理模板，它提供了創(chuàng)建控制面板的高度自定義解決方案雾棺。同時(shí)膊夹，為了讓你快速的將它與一些流行的框架整合使用（AngularJS，Angular 2垢村，React.js 和 Vue.js.）割疾，它還提供了一些獨(dú)立的樣板版本。
項(xiàng)目地址：【傳送門(mén)】
-
React Trend
--
這是由 Unsplash 團(tuán)隊(duì)出品的一款 React 組件嘉栓，用于創(chuàng)建展示趨勢(shì)與活動(dòng)指標(biāo)的優(yōu)雅的線(xiàn)型圖。該項(xiàng)目遵循極簡(jiǎn)化的解決理念拓诸，并提供給你一個(gè)用來(lái)解決具體問(wèn)題的簡(jiǎn)單侵佃、優(yōu)雅的解決方案。另外奠支，它還有非官方的 Vue 接口馋辈，但不會(huì)提供完整的圖表庫(kù)。
項(xiàng)目地址：【傳送門(mén)】
-
Element
--
Element 是一款基于 Vue.js 2.0 的 UI 組件庫(kù)倍谜。它包含了 50+ 的組件迈螟，并遵循一致性的設(shè)計(jì)原則，即界面中的設(shè)計(jì)樣式尔崔、顏色搭配保持一致答毫。同時(shí)，每個(gè)元素都易于定制季春，并可在任何的 Vue.js 項(xiàng)目中使用洗搂。這還有一個(gè)用于構(gòu)建實(shí)體模型的實(shí)用的 Sketch Template 組件，你也可以看看载弄。
項(xiàng)目地址：【傳送門(mén)】
這個(gè)項(xiàng)目為我們創(chuàng)建跨瀏覽器擴(kuò)展奠定了堅(jiān)實(shí)的基礎(chǔ)耘拇。Boilerplate 基于 WebExtensions，可以一次寫(xiě)入擴(kuò)展名宇攻，并可以將它們同時(shí)部署到 Chrome惫叛，Opera 和 Firefox 上。它還具備一些其他很酷的功能逞刷，例如實(shí)時(shí)重載嘉涌。
項(xiàng)目地址：【傳送門(mén)】
-
BigPicture
--
一款輕量級(jí)的燈箱插件，它能夠同時(shí)為圖像和視頻亲桥，提供流暢的動(dòng)畫(huà)疊加彈出窗口洛心。BigPicture 提供了一個(gè)很棒的功能，即它可以與<img>標(biāo)簽和background-image元素一同工作题篷，而開(kāi)發(fā)者也可以進(jìn)行自由的標(biāo)記词身。至于視頻格式 - YouTube、Vimeo 和直接視頻鏈接均可支持番枚。
項(xiàng)目地址：【傳送門(mén)】
請(qǐng)不要因?yàn)樗拿址ㄑ希屇愠霈F(xiàn)一些混淆损敷，它可不是 React 組件。Reactive listener是由 Zurb 公司出品的一款微型庫(kù)深啤，它能夠幫助我們創(chuàng)建高級(jí)的事件監(jiān)聽(tīng)器拗馒，用來(lái)響應(yīng)那些（比簡(jiǎn)單的點(diǎn)擊與懸停）更復(fù)雜的操作。目前它只能夠識(shí)別用戶(hù)何時(shí)向元素移動(dòng)溯街，但未來(lái)可能會(huì)增添更多的功能诱桂。
項(xiàng)目地址：【傳送門(mén)】
-
Eagle.js
--
Eagle.js 是一個(gè)用于制作基于 Web 幻燈片的 Vue.js 框架，與 Reveal.js 相似呈昔。它支持動(dòng)畫(huà)挥等、主題、交互小部件（用于 Web 演示）堤尾，并且可以輕松地在演示文稿之間進(jìn)行組件肝劲、幻燈片和樣式的重用。
項(xiàng)目地址：【傳送門(mén)】
-
Planck.js
--
這個(gè)項(xiàng)目是游戲開(kāi)發(fā)人員使用 C ++ 對(duì) Box2D 物理引擎的 JavaScript 重寫(xiě)郭宝。Plank.js 優(yōu)化了 Web 和移動(dòng)瀏覽器的引擎辞槐，并提供了一個(gè)對(duì) JavaScript 友好的開(kāi)源代碼庫(kù)和 API。所以粘室，當(dāng)開(kāi)發(fā)人員在制作 2D 游戲時(shí)榄檬，他們能更得心應(yīng)手。
項(xiàng)目地址：【傳送門(mén)】
繼完成了 Create React App 項(xiàng)目的 Boilerplate 之后育特，這還有一個(gè)無(wú)需搭建項(xiàng)目配置丙号，用于制作 React Native 應(yīng)用程序的工具。無(wú)需安裝 Xcode 或 Android Studio缰冤，你就可以對(duì) React Native 應(yīng)用程序進(jìn)行設(shè)置與測(cè)試犬缨。
項(xiàng)目地址：【傳送門(mén)】
一款純 CSS 實(shí)現(xiàn)的 3D 按鈕微型庫(kù)。點(diǎn)擊按鈕后棉浸，會(huì)有種平滑推壓的效果怀薛。而按鈕包含了 4 種尺寸與 3 種顏色，你可以通過(guò) SASS 輕松的進(jìn)行自定義迷郑，也可以簡(jiǎn)單地修改 .css 源文件枝恋。
項(xiàng)目地址：【傳送門(mén)】
React Overdrive 是一個(gè)為 React 應(yīng)用程序打造的簡(jiǎn)單、神奇的過(guò)渡動(dòng)畫(huà)制作組件嗡害。你可以輕松的在頁(yè)面上焚碌，或者應(yīng)用程序中不同狀態(tài)（或頁(yè)面）之間創(chuàng)建出酷炫的過(guò)渡動(dòng)畫(huà)效果。由于它的 API 是基于組件的霸妹，因此十电，即使在多個(gè) JavaScript 文件之間進(jìn)行切換，設(shè)置過(guò)渡效果也非常的容易。
項(xiàng)目地址：【傳送門(mén)】
-
MoveTo
--
少了點(diǎn)擊滾動(dòng)動(dòng)畫(huà)庫(kù)的每月資源推薦鹃骂，終歸是不完整的台盯。所以，在本月的資源推薦列表中畏线，我們?yōu)榇蠹規(guī)?lái)了零依賴(lài)的 JavaScript 庫(kù)：MoveTo 静盅。它是一個(gè)僅有 1kb 的 gzip 壓縮，并超易使用的 JS 庫(kù)寝殴，同時(shí)你可以利用原生的 window.scroll API 來(lái)制作動(dòng)畫(huà)蒿叠。
項(xiàng)目地址：【傳送門(mén)】
-
Anchorme
--
Anchorme 是一個(gè)強(qiáng)大的 JavaScript 庫(kù)，它可以接收任何字符串或文本文件杯矩，并檢測(cè)其中的所有 URL 地址栈虚。它快速、可靠史隆，并有眾多實(shí)用的功能，同時(shí)可以自定義選項(xiàng)曼验。它的使用示例包括：將文本中的鏈接轉(zhuǎn)換為可點(diǎn)擊的 HTML <a>標(biāo)簽泌射，從字符串中提取 URL 地址，或?qū)⑵渥鳛殡娮余]件鬓照，URL 和 IP 的驗(yàn)證器熔酷。
項(xiàng)目地址：【傳送門(mén)】
-
RPG Awesome
--
這是一個(gè)具有近 500 個(gè)科幻主題的免費(fèi)矢量圖標(biāo)網(wǎng)站，它涵蓋了 RPG 游戲中武器豺裆、盔甲拒秘、魔法以及庫(kù)存物品等相關(guān)的圖標(biāo)，而使用方法也與其他網(wǎng)頁(yè)圖標(biāo)字體相同臭猜。 (<i class="ra ra-sword"></i>) 甚至躺酒，你還可以利用 CSS 或 SASS 進(jìn)行簡(jiǎn)單的自定義更改。
項(xiàng)目地址：【傳送門(mén)】
-
Tent CSS
--
Tent CSS 是一個(gè)基礎(chǔ)的 CSS 框架蔑歌，它為你提供了構(gòu)建響應(yīng)式網(wǎng)站所必需的基本組件羹应。它是輕量級(jí)的（gzip 壓縮后僅有 5kb 大小）次屠，并遵循 BEM 標(biāo)準(zhǔn)园匹，同時(shí)可用于現(xiàn)代的 Flexbox 網(wǎng)格布局。
項(xiàng)目地址：【傳送門(mén)】
感謝你的閱讀劫灶。若你有所收獲裸违，歡迎點(diǎn)贊與分享。
注：
- 本文版權(quán)歸原作者所有本昏，僅用于學(xué)習(xí)與交流供汛。
- 如需轉(zhuǎn)載譯文，煩請(qǐng)按下方注明出處信息，謝謝紊馏！
英文原文：15 Interesting JavaScript and CSS Libraries for April 2017
作者：Danny Markov
譯者：IT程序獅
譯文地址：http://www.reibang.com/p/7f4efaf22adc
