網(wǎng)頁離不開設(shè)計更離不開前端的實現(xiàn)，無論是JS庫還是適用于Wordpress 的 GraphQL 都能在特定的時候，解決網(wǎng)站的特定需求。每月都會涌現(xiàn)一批頗為實用的網(wǎng)頁前端干貨，它們都是特定的開發(fā)需求下的產(chǎn)物，也許其中正好有你想要的東西呢?
這是一組頗為有用的SVG格式的圖案合集，可以用于網(wǎng)站背景這個網(wǎng)站還配備了定制色彩和透明度的設(shè)置，你可以通過簡單的復(fù)制粘貼添加到CSS當(dāng)中。
TestCafe 是一款端到斷(e2e)的測試工具，可以幫你測試網(wǎng)站和web應(yīng)用，就像真實用戶在使用它們一樣。當(dāng)它開始測試的時候，會自動執(zhí)行一系列的操作，包括啟動瀏覽器，運行指定的測試單元，生成報告，截屏等。
SugarJS 是一款更加易用、采用更加易讀語法構(gòu)建的JS庫，可以幫你來操作對象、數(shù)組和日期。這套JS庫當(dāng)中還提供了一些實用的功能，比如 .escapeHTML() ，它可以將HTML 元素轉(zhuǎn)換為其他的格式。
這個方便的JS庫能夠幫你將時間、數(shù)字和常規(guī)的字符串轉(zhuǎn)換為毫秒，比如 ms(‘2 days’) 就能轉(zhuǎn)換為毫秒 172800000 。
pa11y 是一系列優(yōu)秀工具的合集，能夠幫你改善網(wǎng)站和APP的可訪問性。pa11y中包含了用來測試任何網(wǎng)站的可訪問性問題的CLI，用來顯示錯誤、生成報告的儀表盤，以及針對像Codehip 或者 Travis 這樣的 CI 工具所設(shè)計的 CLI。
這是一套擁有現(xiàn)代設(shè)計風(fēng)格和氛圍的圖標(biāo)，它基本上可以輕松應(yīng)用于所有的平臺，包括 iOS、Windows 和 Ubuntu，不論你所設(shè)計的是網(wǎng)頁還是APP。這些圖標(biāo)是以SVG 格式呈現(xiàn)的，還可以搭配 React 和 Angular 組件。
這是一個可以在你的應(yīng)用中構(gòu)建動畫組件的 React 模塊，它的庫 靈感來源于 Sketch 的規(guī)則，你可以在其中輕松快速的向UI 組件添加交互性。
這是一個用來創(chuàng)造彈跳特效的庫，它的動效主要是通過CSS3和一些預(yù)設(shè)來實現(xiàn)的。你可以通過 npm ，bower 來安裝JS庫，簡單的復(fù)制生成的CSS3代碼來應(yīng)用動效。
Bojler 是一款 email 框架，其中包含了相應(yīng)的HTML代碼規(guī)范，幫你在目前流行的電子郵件客戶端上更好的呈現(xiàn)郵件內(nèi)容。
這是一組集合了關(guān)于編程語言、設(shè)計和開發(fā)工具的圖標(biāo)合集。這些圖標(biāo)都是實用的SVG和字體格式，而諸如 Firefox、AWS 和 HTML 5 這樣的常見圖標(biāo)也包含在其中。
這是一組基于 Bootstrap 4的響應(yīng)式界面，其中包了3款可定制的模板和50種元素，除了 HTML 的版本之外，這些UI還包含了PSD和 Sketch 格式的版本。
T-Scroll 是一款JavaScript 庫，它提供元素在視窗上可見時候的動效，其中有少量可控選項，和預(yù)設(shè)動效。
Ory Editor 是更加現(xiàn)代的網(wǎng)頁編輯器，Ory編輯器是在React 和 Flux 的基礎(chǔ)上構(gòu)建起來的，由于它可以讓用戶便捷地預(yù)覽效果，從而讓編輯更加方便。你無需學(xué)習(xí)HTML 或者 Markdown 等標(biāo)記語言語法就能自己創(chuàng)建網(wǎng)頁。
Tad Viewer 是一款桌面端查看 CSV 文檔的工具，它可以兼容 大型的數(shù)據(jù)文件，這款程序可以在 Windows 、macOS 和 Linux 上使用。
光滑的滾動效果無疑能夠帶來更加愉悅的用戶體驗，目前這款插件可適用于 Chrmoe、Firefox 和 Opera 這些瀏覽器，使用平滑滾動插件可以模擬 IE 和 Safari 中的平滑效果。
Noty 是一款用來呈現(xiàn)通知的JS庫，它可以輕松地顯示提醒、成功、報錯、警告和信息推送甚至對話框。Noty 可以同 mo.js、bounce.js 這樣的動效庫一起聯(lián)動。
Hopscotch 是一款由 LinkedIn 實例化的開源項目。作為而一個框架，它可以讓開發(fā)人員更為便捷地添加產(chǎn)品預(yù)覽。
SurveyJS 是另外一款足夠炫酷的 JS庫，顧名思義，它是一款幫你創(chuàng)造調(diào)查問卷的JS庫，其中包含有各種各樣的調(diào)查問卷，并且它還被移植到了多個流行的JS框架中，包括 AngularJS，VueJS 和 React。
GraphQL 是足以替代 REST 架構(gòu)的強(qiáng)大存在，它幾乎支持所有的Web API，而 WP GraphQL 這個插件則可以讓你的Wordpress 支持 GraphQL 的內(nèi)容插件。對于 REST 和 GraphQL 的差異，你可以看這里。
Monaco Editor 是一款強(qiáng)大的視覺代碼編輯器，這款編輯器是由微軟所開發(fā)的，支持多種語言，包含了 HTML，CSS，LESS，CoffeeScript、PHP 以及 Intellisence，可以幫你更快地寫代碼。
以上就是海淘科技為你推出的全部內(nèi)容。想看更多的內(nèi)容，可點擊：2016年網(wǎng)站前端設(shè)計12大形勢，于此同時，海淘科技還提供了相關(guān)內(nèi)容，可點擊：h5營銷是什么，建網(wǎng)站的基礎(chǔ)知識
