前端快來！2017年12月超實用前端干貨大合集！

說起來，最近「無頭CMS」倒是挺火的，簡而言之，這就是「不涉及前端的內容管理系統」，CMS以類似RESTful API 的形式公開內容，而開發者則可以以他們所喜歡的任何內容形式來呈現其中的內容。越來越多這種模塊化的、功能化的框架開始出現，服務于前端和開發者。今天的前端干貨大合集當中，就包含了不少這樣的工具和素材，希望你能喜歡。

Headless WP Starter

這是一個Wordpress 入門主題，不同于其他的出題，這個主題利用WP-API來獲取內容，然后借用Node 和 React 將其呈現為靜態HTML，讓你的網站可以「無頭」呈現。

VueStoreFront

VueStoreFront 是另外一個「無頭CMS」框架，它是建立在Vue.js 和 Node 基礎上的。VueStoreFront 是為諸如 Magento、Prestashop 和 Shopware 這樣的電商平臺而構建的，結合PWA，它還可以讓網站可以離線使用。

GatsbyJS

Gatsby 是一個基于 React.js 所構建的靜態網站生成器。你可以通過API 將它和的CMS系統結合起來使用，比如Wordpress、Markdown、JSON等等。同時，它也使用了一些最新的技術，比如Node，PWA和React，它們讓加載速度有了明顯的提升。

DustPress

DustPress 是一個采用了更為現代開發方法的Wordpress 主題。借助 Dust.js ，DustPress 將HTML模板布局從PHP邏輯中分離出來，使得開發者可以生成更為簡潔的代碼，提升開發速度，更易于維護。

VSCode Icons

Visual Studio Code 已經成為目前最流行的代碼編輯器之一，它足夠輕量級，插件眾多，還有許多可供選擇的圖標。如果你覺得默認的VSCode 的圖標很無聊的話，這套圖標是不錯的選擇。

TailWindCSS

TailWindCSS 是另外一個CSS框架，不過不同于流行的CSS框架，它不提供UI組件，TailWindCSS之包含了一小段CSS類，供你編寫屬于自己的UI界面。

Traefik

Traefik 是一個頗為現代的 HTTP 反向代理和負載平衡器，除了支持 Docker 之外，它還支持諸如 Kubernetes、Rancher 和 Amazon Elastic Container 等服務。

CubeUI

CubeUI 是在 Vue.js 的基礎上構建起來，它是一套用于移動端的夢幻般的UI組件，包含各種常見的控件。每個組件都有相應的測試單元，最大限度地降低潛藏的錯誤。

Air

Air 是一款極簡的 WordPress 主題，通過 _s 這個主題增加了一些額外的組件，比如輪播圖和懸浮導航等。

EmptyStates

EmptyStates 是一款網頁和移動端常見空狀態頁面的合集，用來給設計師獲取靈感。

Shortcut Design

這個網站提供了常見的設計師和前端所用軟件的快捷鍵合集，包括 Sketch、Photoshop、InDesign、Sublime Text、WordPress 等工具。目前這套合集當中的快捷鍵主要是針對macOS 平臺的，Windows 會隨后加入進去。

Uppy

Uppy 是一款用來構建上傳界面的JS框架，借助Uppy ，你不僅可以從本地磁盤檢索文件，還能從外部存儲服務（類似 Google Drive 、Dropbox 甚至 Instagram ）檢索文件。它足夠輕量級，模塊化，還具有不錯的擴展性。

VuetifyJS

VuetifyJS 是基于 Vue.js 來構建 Material design 風格組件這種思路誕生的工具。雖然Google 擁有 MDL 和 Material Design Lite 這樣類似的工具，但是在社區中并沒有足夠的吸引力，而 VuetifyJS 能成為不錯的替代品。

WP ULike

WP Ulike 是一個Wordpress 插件，為其添加點贊按鈕。無論是自定義的頁面，還是bbPress或者 BuddyPress 也都支持。它還內置了一些其他很酷的功能，比如通知系統，分析的小控件，它可以成為你的Wordpress 站點中最引人矚目的組件。

Vee Validate

Vee Validate 是一款 JavaScript 庫，可以幫你添加內置驗證的輸入字段，它支持多種類型的輸入格式，包括電子郵件，電話號碼，日期，URL 和 IP地址等。

Vue Data Tables

這是另外一款頗為方便的Vue.js 插件。VueDataTables 可以在 Vue.js 中構建自定義分頁表單。它可以在桌面端無縫地渲染出海量的數據，它還會附帶一些額外的組件幫你驅動表單那、分頁、搜索框和過濾器。

Googler

Googler 是一款 CLI，允許你通過命令行在Google 中進行搜索，和同類搜索工具相似，能夠通過定制檢索標題、描述、URL 和分頁進行更詳細的篩選。它適宜于macOS 和 Linux 深度用戶。

Bolt CMS

Bolt 是一款使用 PHP 搭建的內容管理系統。它設置有快捷鍵體系，使用Twig 作為模板引擎，完全支持 PHP7，易于通過檢點的 TAML 文件進行定制。

Teletype

Teletype 是一款源自于 Atom 編輯器的新功能。它能讓你和你的同僚協同編寫代碼，而你所需要做的就是下載安裝最新的 Teletype 插件。

Plyr

Plyr 是一款現代的媒體播放器，大小只有10kb，借助他你可以自定義 HTML 音頻和視頻播放器，控制Youtube和 Vimeo 等實時流媒體服務。

【2017年干貨大合集都在這里】

1. 《派送中！2017年11月設計圈超實用干貨大合集》
2. 《第二波！2017年10月超實用前端干貨大合集》
3. 《快看！2017年10月設計圈超實用干貨大合集》
4. 《國慶福利！2017年10月前端開發者超實用干貨大合集》
5. 《開學福利！2017年9月超實用設計圈干貨大合集》
6. 《暑期福利！2017年8月設計圈超實用干貨大合集》
7. 《福利！2017年7月前端開發者超實用干貨大合集》
8. 《2017年6月的這些設計圈干貨，你就別錯過了~》
9. 《前端速來！2017年6月前端開發者干貨大合集》
10. 《干貨來了！2017年5月設計圈實用干貨大合集》
11. 《再來一波！2017年4月前端開發者超實用干貨大合集》
12. 《接貨！2017年4月設計圈干貨大合集》
13. 《這一波穩了！2017年3月設計圈實用干貨大合集》
14. 《終于等到你！2017年2月設計圈實用干貨大合集》
15. 《新年福利！2017年1月設計圈實用干貨大合集》

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com