相比于在每月設計圈干貨 里面漫無目的的“碰”，不如試試 CodeGeekz 推薦的精選工具合集。這些精選的工具同樣不拘泥于受眾，不論你是設計師還是開發(fā)者，同樣可以從中發(fā)掘出不少正好能用到的好工具，而且會更容易在有限的精品中發(fā)現(xiàn)正好用的上的干貨 。
這次是CodeGeekz 的設計干貨 專場!這里同樣有最新的設計和開發(fā)資源，這里精選的工具大都是針對設計師、開發(fā)者和自由設計師，其中的JS代碼、開源工具、CSS資源、設計素材 基本上大家都用的到。
列表中不僅有免費的工具，還有付費的工具。好的東西自然有它的價值，難道不是么?它們可以簡化你的工作流程，提高效率，不論你是設計師還是開發(fā)者，新手還是老司機，這些工具都相當實用。
1. Smartmockups
Smartmockups 看名字就知道是一款和視覺稿設計相關的工具，它是迎合開發(fā)者、設計師和營銷人員需求的一款新興的在線視覺稿設計工具。對，沒錯，即使是營銷和策劃人員也可以輕松借助這款工具來制作出視覺稿來向領導展示新計劃/新產(chǎn)品!所有的設計出來的視覺稿都可以個人使用和商用。
2. Reedsy
Reedsy 是一款漂亮的文本格式管理、轉換和制作工具，即使你尚未將內容徹底寫完，也同樣可以拿來用。整個工具界面足夠漂亮，讓你不容易在寫作的時候分心，工具欄也足夠使用，并確保樣式整齊可控。在排版上，Reedsy 同樣能保證各種格式下足夠統(tǒng)一，無論是IngramSpark 下的POD格式，還是亞馬遜的AZW格式，蘋果的iBooks還是Kobo的格式，都可以輕松應對，統(tǒng)一漂亮。
3. MJML
MJML 一種旨在盡量降低代碼成本的標記語言，可以幫你制作響應式的電子郵件。它的語義語法都相當簡單易懂，擁有豐富的組件庫供你選擇，盡量減少你的開發(fā)時間。
4. Phoenix Framework
Phoenix framework是一個相當高效的網(wǎng)絡框架，速度可觀，可維護性強。通過將真正的技術和功能性的想法融為一體，將真正的簡單和樂趣帶入到現(xiàn)代Web應用的開發(fā)工作中去。你可以結合名為Channels 的實時流媒體技術，創(chuàng)造出擁有豐富的跨瀏覽器交互體驗的原生移動端應用。
5. JS Tips
JS Tips 是JS的開發(fā)技巧合集，其中涵蓋了JS語法的技巧、如何提高代碼效率和性能，以及諸如AngularJS這樣的框架的使用方式。這個合集的內容會每天增加。
6. Color Safe
Color Safe 是一款配色生成器，它的特殊之處在于，它所生成的配色都是符合WCAG標準的方案，確保配色的可訪問性，用戶瀏覽無障礙。
7. Vagrant Manager
Vagrant Manager 是一款 GUI應用，它主要用來控制Vagrant。和MAMP相似，你可以通過它來查看Vagrant 是否在運行，以及目前的運行狀態(tài)。這款APP目前擁有Mac和Windows的版本供你使用。
8. Mo.js
Mo.js 是一款完整的JS動效庫，目前它擁有一系列的預設參數(shù)，確保你能快速的上手使用。值得注意的是，Mo.JS 是模塊化的，你可以輕松移除不必要的功能，確保體量合理和流暢運行。
9. Branches
Branches 是一款 iOS 應用，它讓你可以在iPad和iPhone上管理你的GitHub、GitLab 和 Bitbucket 項目。通過它，你可以創(chuàng)建或者關閉特定的問題，查看回復，并且可以完美地解析Markdown語言。
10. Meatier
作為一款現(xiàn)代網(wǎng)站開發(fā)平臺，Meteor 無疑是強大而帶感的!但是三年的發(fā)展歷程讓它顯得略有一點過時，不過，Meatier 的存在彌補了它的缺陷。Meatier 并沒有前者的整體結構，但是保留了相同的功能，更加靈活簡單。
11. LettError
LettError 為你提供了可拓展、可插入的矢量形狀，它是基于Snap.svg 和 jQuery 來實現(xiàn)的。
12. Spine.js
Spine.js 是一款用來構建JS MVC應用的框架，簡單、輕量級、無需復雜配置，也沒有大量無用的控件。
13. Bliss.js
Bliss.js 是在Vanilla.JS 的基礎上簡化語法發(fā)展而來的，它原本被設計出來同Polyfill.io聯(lián)動，并盡量獲得最大程度的瀏覽器支持。
14. Fansoro
